:root {
    --color-primary: hsla(199, 54%, 56%, 1);
    --color-secondary: hsla(260, 71%, 23%, 1);
    --color-accent: hsla(3, 36%, 52%, 1);
    --color-tertiary: hsla(234, 85%, 16%, 1);
    --color-accent-alt: hsla(128, 33%, 53%, 1);
    --color-neutral-900: hsl(210 15% 12%);
    --color-neutral-800: hsl(210 14% 18%);
    --color-neutral-700: hsl(210 10% 30%);
    --color-neutral-500: hsl(210 8% 50%);
    --color-neutral-300: hsl(210 12% 78%);
    --color-neutral-200: hsl(210 14% 88%);
    --color-neutral-100: hsl(210 20% 96%);
    --color-surface: hsl(0 0% 100%);
    --color-surface-alt: hsl(210 20% 98%);
    --color-text: var(--color-neutral-900);
    --color-text-soft: var(--color-neutral-700);
    --color-heading: var(--color-tertiary);
    --color-border: var(--color-neutral-200);
    --color-button-primary-text: hsl(0 0% 100%);
    --color-button-secondary-text: var(--color-primary);
    --color-button-tertiary-text: hsl(0 0% 100%);
    --color-button-accent-text: hsl(0 0% 100%);
    --font-family-base: "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --font-family-heading: "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --font-size-body: clamp(1.6rem, 1.4rem + 0.25vw, 1.8rem);
    --font-size-small: clamp(1.4rem, 1.25rem + 0.15vw, 1.6rem);
    --font-size-h1: clamp(3.6rem, 2.8rem + 2vw, 6.4rem);
    --font-size-h2: clamp(3rem, 2.4rem + 1.5vw, 5rem);
    --font-size-h3: clamp(2.4rem, 2rem + 1vw, 3.8rem);
    --font-size-h4: clamp(2rem, 1.8rem + 0.6vw, 3rem);
    --font-size-h5: clamp(1.8rem, 1.6rem + 0.4vw, 2.4rem);
    --font-size-h6: clamp(1.6rem, 1.5rem + 0.2vw, 2rem);
    --line-height-body: 1.6;
    --line-height-heading: 1.1;
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --space-2xs: clamp(0.4rem, 0.35rem + 0.1vw, 0.6rem);
    --space-xs: clamp(0.8rem, 0.7rem + 0.2vw, 1.2rem);
    --space-sm: clamp(1.2rem, 1rem + 0.3vw, 1.8rem);
    --space-md: clamp(1.6rem, 1.3rem + 0.5vw, 2.4rem);
    --space-lg: clamp(2.4rem, 2rem + 0.8vw, 3.6rem);
    --space-xl: clamp(3.2rem, 2.6rem + 1.2vw, 5.2rem);
    --space-2xl: clamp(4.8rem, 3.8rem + 1.8vw, 7.2rem);
    --space-3xl: clamp(6.4rem, 5rem + 2.5vw, 10rem);
    --container-width: 120rem;
    --container-gutter: clamp(1.6rem, 1rem + 2vw, 3.2rem);
    --section-padding-y: clamp(4.8rem, 3.2rem + 4vw, 10rem);
    --radius-sm: 0.6rem;
    --radius-md: 1rem;
    --radius-lg: 1.6rem;
    --radius-pill: 999rem;
    --shadow-sm: 0 0.2rem 0.8rem hsl(210 20% 20% / 0.08);
    --shadow-md: 0 1rem 3rem hsl(210 20% 20% / 0.1);
    --transition-base: 180ms ease;
}