/* ===== CSS VARIABLES & DESIGN TOKENS ===== */
:root {
    /* ── FONTS ── */
    --font-display: 'Cormorant Garamond', Georgia, serif;
    --font-serif: 'Cormorant Garamond', Georgia, serif;
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --hd: 'Cormorant Garamond', Georgia, serif;
    --bd: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    /* ── BRAND PALETTE ── */
    --navy: #002454;
    --deep-ocean: #0e437f;
    --royal: #006dbc;
    --axel-blue: #016dbc;
    --sky: #3488c9;
    --cornflower: #6ba9d9;
    --mist: #a7cbea;
    --lavender: #b8b4fc;
    --ice: #f0f5fb;
    --frost: #f0f5fb;
    --ice-50: #f6f9fc;
    --sunflower: #ffd124;
    --buttercup: #fcdf69;
    --buttercup-dark: #d4a017;
    --peach: #f99d77;
    --peach-dark: #d47a52;
    --emerald: #1e964a;
    --indigo: #006dbc;
    --slate: #8b9fb4;
    --cloud: #e8eaee;
    --gray-700: #3D3D3A;
    --gray-600: #52524A;
    --gray-500: #6B6B60;
    --white: #FEFEFE;

    /* ── LEGACY COLOR TOKENS (backwards compatibility) ── */
    --color-primary: #006dbc;
    --color-dark: #002454;
    --color-accent-warm: #f97316;
    --color-accent-purple: #b8b4fc;
    --color-accent-blue: #6ba9d9;
    --color-accent-soft: #fed7aa;
    --color-text-primary: #0a2540;
    --color-text-secondary: #425466;
    --color-bg-light: #f6f9fc;
    --color-border: #e8eaee;
    --color-success: #16a34a;
    --color-warning: #ea580c;
    --color-danger: #dc2626;

    /* ── SHORTHAND COLOR TOKENS ── */
    --g7: #f6f9fc;
    --g2: #006dbc;
    --l4: #fcdf69;
    --d3: #006dbc;
    --d4: #0e437f;
    --e7: #f6f9fc;
    --e2: #002454;
    --w: #FEFEFE;

    /* ── TONE SCALE (t1=darkest … t10=lightest) ── */
    --t1: #0a2540;
    --t3: #425466;
    --t4: #6B6B60;
    --t6: #8b9fb4;
    --t9: #e3e8ee;
    --t10: #f6f9fc;

    /* ── HOMEPAGE VARIABLE ALIASES ── */
    --ink: #0a2540;
    --ink-soft: #425466;
    --dark: #0a2540;
    --panel: #f6f9fc;
    --line: #e3e8ee;
    --serif: 'Cormorant Garamond', Georgia, serif;
    --sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    /* ── LAYOUT ── */
    --mw: 1280px;
    --g: 1.5rem;

    /* ── SPACING ── */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-2xl: 3rem;

    /* ── TYPOGRAPHY SIZES ── */
    --font-size-xs: 12px;
    --font-size-sm: 13px;
    --font-size-base: 14px;
    --font-size-md: 16px;
    --font-size-lg: 18px;
    --font-size-xl: 20px;
    --font-size-2xl: 28px;
    --font-size-3xl: 36px;
    --font-size-4xl: 42px;
    --font-size-5xl: 52px;

    /* ── BORDER RADIUS ── */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-xl: 22px;
    --radius-full: 9999px;

    /* ── SHADOWS ── */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, 0.04);
    --shadow-lg: 0 4px 6px rgba(0, 0, 0, 0.1);
    --shadow-xl: 0 8px 24px rgba(0, 94, 188, 0.1);

    /* ── TRANSITIONS ── */
    --transition-fast: 150ms ease-in-out;
    --transition-normal: 300ms ease-in-out;
    --transition-slow: 500ms ease-in-out;

    /* ── BREAKPOINTS ── */
    --bp-mobile: 320px;
    --bp-tablet: 768px;
    --bp-desktop: 1024px;
    --bp-wide: 1280px;
    --bp-ultra: 1920px;
}

/* ── UTILITY CLASSES ── */
.text-primary { color: var(--royal); }
.text-secondary { color: var(--gray-600); }
.text-purple { color: var(--lavender); }
.text-blue { color: var(--cornflower); }
.text-white { color: white; }
.bg-light { background: var(--ice); }
.bg-white { background: white; }
.bg-dark { background: var(--navy); }