:root {
    /* Background */
    --bg-primary: #f8f9fa;
    --bg-secondary: #ffffff;
    --bg-tertiary: #eef1f5;
    --bg-hero: #eef3f8;

    /* Brand Colors */
    --color-navy: #1a3a5c;
    --color-navy-dark: #122a44;
    --color-blue: #2c5f8a;
    --color-blue-light: #3a7ab5;
    --color-orange: #e86a2a;
    --color-orange-dark: #c95820;
    --color-orange-light: rgba(232, 106, 42, 0.1);
    --color-red: #c0392b;

    /* Text */
    --text-primary: #1a1a2e;
    --text-secondary: #5a6577;
    --text-muted: #8a95a5;
    --text-on-dark: #f0f0f0;
    --text-on-orange: #ffffff;

    /* Cards & Surfaces */
    --card-bg: #ffffff;
    --card-border: #e2e6ea;
    --card-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    --card-shadow-hover: 0 8px 24px rgba(0, 0, 0, 0.1);

    /* Nav */
    --nav-bg: rgba(255, 255, 255, 0.95);
    --nav-bg-scrolled: rgba(255, 255, 255, 0.98);
    --nav-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);

    /* Typography */
    --font-heading: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    --fs-hero: clamp(2rem, 5vw, 3.5rem);
    --fs-h2: clamp(1.75rem, 3.5vw, 2.5rem);
    --fs-h3: clamp(1.125rem, 2vw, 1.375rem);
    --fs-body: clamp(0.9375rem, 1.5vw, 1.0625rem);
    --fs-small: 0.875rem;
    --fs-xs: 0.8125rem;

    /* Spacing */
    --section-py: clamp(4rem, 8vw, 7rem);
    --container-max: 1140px;
    --container-px: clamp(1rem, 3vw, 2rem);

    /* Border Radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;

    /* Transitions */
    --transition-fast: 150ms ease;
    --transition-base: 250ms ease;
    --transition-slow: 400ms ease;
}