:root {
    /* Brand and heading colors */
    --color-navy-950: #08264c;       /* Darkest brand color */
    --color-navy-900: #0d315f;       /* Primary headings and buttons */

    /* Accent colors */
    --color-blue-600: #4f7fca;       /* Links, icons, and accents */
    --color-blue-100: #dce8f8;       /* Pale highlights and callouts */

    /* Text colors */
    --color-text: #27344a;           /* Primary body text */
    --color-muted: #657188;          /* Secondary and supporting text */

    /* Layout colors */
    --color-border: #d5deea;         /* Borders and dividers */
    --color-surface: #ffffff;         /* Cards and primary surfaces */
    --color-surface-subtle: #f4f7fb; /* Alternate section background */

    /* Accessibility */
    --color-focus: #1f66d1;          /* Keyboard focus outline */


    --font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

/* Typography */
--font-size-body: 1rem;

--font-size-h1: clamp(2.75rem, 6vw, 4.7rem);
--font-size-h2: clamp(1.9rem, 4vw, 3rem);
--font-size-h3: 1.2rem;

--line-height-body: 1.65;
--line-height-heading: 1.15;

/* Typography detail */
--letter-spacing-heading: -0.025em;

/* Content widths */
--content-width: 1140px;
--content-narrow: 760px;

/* Spacing scale */
--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;

/* Corner rounding */
--radius-sm: 0.45rem;
--radius-card: 0.75rem;

/* Elevation */
--shadow-soft: 0 16px 40px rgba(13, 49, 95, 0.08);
}