:root {
    color-scheme: light;

    --color-brand-navy-950: #041522;
    --color-brand-navy-900: #081f33;
    --color-brand-navy-800: #0d304d;
    --color-brand-blue-700: #005a9f;
    --color-brand-blue-600: #0068b8;
    --color-brand-blue-500: #0d82d8;
    --color-brand-cyan-700: #00728a;
    --color-brand-cyan-500: #19b7cf;
    --color-brand-cyan-300: #72e6f2;
    --color-ice-100: #f2f8fc;
    --color-ice-200: #e5f2f8;
    --color-surface: #ffffff;
    --color-surface-muted: #f7fafc;
    --color-text: #142a3a;
    --color-text-muted: #516574;
    --color-border: #c6d9e4;
    --color-border-strong: #8cabbc;
    --color-focus: #b54708;
    --color-focus-dark: #72e6f2;
    --color-success: #12683a;
    --color-error: #a12828;
    --color-warning-surface: #fff8e6;
    --color-overlay: rgb(4 21 34 / 58%);

    --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-size-xs: 0.78rem;
    --font-size-sm: 0.9rem;
    --font-size-base: clamp(1rem, 0.97rem + 0.12vw, 1.08rem);
    --font-size-lead: clamp(1.125rem, 1.02rem + 0.45vw, 1.42rem);
    --font-size-h3: clamp(1.25rem, 1.12rem + 0.55vw, 1.65rem);
    --font-size-h2: clamp(1.65rem, 1.35rem + 1.25vw, 2.55rem);
    --font-size-h1: clamp(2.25rem, 1.7rem + 2.5vw, 4.5rem);
    --font-size-display: clamp(2.75rem, 2rem + 3.25vw, 5.4rem);
    --line-height-tight: 1.08;
    --line-height-heading: 1.18;
    --line-height-body: 1.68;
    --letter-spacing-tight: -0.035em;
    --letter-spacing-label: 0.09em;

    --space-0: 0;
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --space-20: 5rem;
    --space-24: 6rem;
    --section-space: clamp(4rem, 9vw, 8rem);

    --radius-xs: 0.35rem;
    --radius-sm: 0.65rem;
    --radius-md: 1rem;
    --radius-lg: 1.5rem;
    --radius-xl: 2rem;
    --radius-pill: 999px;

    --shadow-xs: 0 1px 2px rgb(4 21 34 / 8%);
    --shadow-sm: 0 8px 24px rgb(4 21 34 / 8%);
    --shadow-md: 0 18px 50px rgb(4 21 34 / 12%);
    --shadow-focus: 0 0 0 5px rgb(0 104 184 / 18%);

    --container-wide: 80rem;
    --container: 72rem;
    --container-content: 46rem;
    --container-gutter: clamp(1rem, 4vw, 2rem);
    --header-height: 4.75rem;
    --touch-target: 2.75rem;

    --z-base: 0;
    --z-header: 40;
    --z-menu: 50;
    --z-sticky: 60;
    --z-skip-link: 100;

    --duration-fast: 140ms;
    --duration-base: 240ms;
    --duration-slow: 600ms;
    --ease-standard: cubic-bezier(0.2, 0.75, 0.25, 1);
    --ease-emphasized: cubic-bezier(0.16, 1, 0.3, 1);
}