:root {
  --pink: #ED6E81;
  --pink-deep: #D94868;
  --ink: #2E2E2E;
  --white: #FFFDFD;
  --lime: #BFF000;
  --olive: #95C703;
  --soft: #F6F7F2;
  --mist: #EEF2E6;

  --bg: var(--white);
  --surface: var(--white);
  --surface-alt: var(--soft);
  --surface-soft: var(--mist);
  --surface-inverse: var(--ink);

  --text-primary: var(--ink);
  --text-secondary: rgba(46, 46, 46, 0.75);
  --text-muted: rgba(46, 46, 46, 0.55);
  --text-inverse: var(--white);

  --lime-bright: var(--lime);
  --acid: #E7FF92;
  --coral: var(--pink);
  --graphite: var(--ink);

  --line: rgba(46, 46, 46, 0.12);
  --line-strong: rgba(46, 46, 46, 0.22);
  --border: var(--line);
  --border-strong: var(--line-strong);

  --shadow-sm: 0 2px 10px rgba(46, 46, 46, 0.04);
  --shadow-md: 0 20px 50px -20px rgba(46, 46, 46, 0.18);
  --shadow-lg: 0 40px 80px -30px rgba(46, 46, 46, 0.25);
  --shadow-glow-lime: 0 14px 30px -10px rgba(149, 199, 3, 0.5);
  --shadow-glow-pink: 0 30px 80px -20px rgba(237, 110, 129, 0.5);

  --font-display: 'Bree Serif', Georgia, serif;
  --font-body: 'Montserrat', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-accent: 'Bree Serif', Georgia, serif;

  --fs-display: clamp(3.25rem, 7.4vw + 0.5rem, 6.75rem);
  --fs-h1: clamp(2.625rem, 5.5vw + 0.75rem, 5.5rem);
  --fs-h2: clamp(2.375rem, 5.2vw + 0.5rem, 4.5rem);
  --fs-h3: clamp(1.5rem, 1.6vw + 1rem, 2rem);
  --fs-h4: clamp(1.125rem, 0.4vw + 1rem, 1.375rem);
  --fs-body-lg: clamp(1.0625rem, 0.4vw + 1rem, 1.1875rem);
  --fs-body: 1rem;
  --fs-sm: 0.875rem;
  --fs-xs: 0.8125rem;
  --fs-label: 0.6875rem;

  --lh-headline: 1.05;
  --lh-body: 1.55;

  --tracking-headline: -0.02em;
  --tracking-label: 0.18em;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 40px;
  --space-8: 48px;
  --space-10: 64px;
  --space-12: 96px;
  --space-14: 112px;
  --space-16: 128px;
  --space-20: 160px;
  --space-24: 200px;

  --section-pad: clamp(80px, 10vw, 140px);

  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --radius-xl: 30px;
  --radius-2xl: 40px;
  --radius-full: 999px;

  --container: 1320px;
  --container-wide: 1480px;
  --grid-columns: 12;
  --grid-gap: 20px;
  --grid-gap-mobile: 16px;

  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-quart: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-in-out-circ: cubic-bezier(0.85, 0, 0.15, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);

  --dur-micro: 180ms;
  --dur-small: 350ms;
  --dur-medium: 600ms;
  --dur-large: 900ms;

  --header-height: 80px;
  --header-height-scrolled: 64px;
}