:root {
  /* Brand colours */
  --color-blush: #E8A0BF;
  --color-peach: #F2C6A5;
  --color-berry: #B5446E;
  --color-nude: #D4A98C;
  --color-cream: #FFF5F0;
  --color-black: #1A1A1A;
  --color-white: #FFFFFF;

  /* Active colour — dynamically updated by colour-shift.js */
  --color-active: #E8A0BF;
  --color-active-light: #F5D5E5;

  /* Typography */
  --font-display: 'Barlow Condensed', sans-serif;
  --font-body: 'DM Sans', sans-serif;

  /* Font sizes */
  --text-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);
  --text-sm: clamp(0.875rem, 0.8rem + 0.35vw, 1rem);
  --text-base: clamp(1rem, 0.9rem + 0.5vw, 1.125rem);
  --text-lg: clamp(1.25rem, 1rem + 1vw, 1.75rem);
  --text-xl: clamp(1.75rem, 1.2rem + 2vw, 2.5rem);
  --text-2xl: clamp(2.5rem, 1.5rem + 4vw, 4.5rem);
  --text-3xl: clamp(3.5rem, 2rem + 6vw, 7rem);
  --text-hero: clamp(3rem, 2rem + 5vw, 6rem);

  /* Spacing */
  --space-xs: clamp(0.5rem, 0.4rem + 0.5vw, 0.75rem);
  --space-sm: clamp(0.75rem, 0.6rem + 0.75vw, 1.25rem);
  --space-md: clamp(1.5rem, 1rem + 2vw, 2.5rem);
  --space-lg: clamp(2.5rem, 1.5rem + 4vw, 5rem);
  --space-xl: clamp(4rem, 2.5rem + 6vw, 8rem);

  /* Easing */
  --ease-smooth: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
}