:root {
    /* Brand colors */
    --color-primary: #0a2b4a;       /* deep navy — headings, header text */
    --color-primary-dark: #061c33;  /* darker navy — dark sections, footer */
    --color-secondary: #1e6f9f;     /* steel blue — links, secondary accents */
    --color-accent: #f4b942;        /* amber — CTAs, highlights */
    --color-accent-dark: #d99a1f;   /* amber hover state */

    --color-white: #ffffff;
    --color-gray-50: #f5f7fa;
    --color-gray-100: #eef1f5;
    --color-gray-300: #cbd5e0;
    --color-gray-500: #718096;
    --color-gray-700: #4a5568;
    --color-ink: #10151c;

    --color-success: #1f9d55;
    --color-error: #c0392b;

    /* Typography */
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-display: 'Oswald', 'Arial Narrow', sans-serif;

    /* Layout */
    --header-height: 84px;
    --container-width: 1220px;
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 20px;

    /* Motion */
    --transition: 0.3s ease;
    --transition-fast: 0.18s ease;

    /* Shadows */
    --shadow-sm: 0 2px 10px rgba(10, 43, 74, 0.06);
    --shadow-md: 0 12px 30px rgba(10, 43, 74, 0.10);
    --shadow-lg: 0 25px 60px rgba(10, 43, 74, 0.16);
}