:root {
    /* Colours */
    --color-black: #0a0a0a;
    --color-white: #ffffff;
    --color-off-white: #f7f7f5;
    --color-light-grey: #ececea;
    --color-grey: #777777;
    --color-border: #d9d9d6;
  
    /* Rounded corners */
    --radius-small: 12px;
    --radius-medium: 20px;
    --radius-large: 32px;
    --radius-round: 999px;
  
    /* Page spacing */
    --page-width: 1440px;
    --page-padding: clamp(18px, 4vw, 64px);
  
    /* Animation */
    --transition: 220ms ease;
  }