@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Source+Sans+3:wght@400;500;600;700&display=swap');

:root {
    /* Colors */
    --color-navy: #0A1628;
    --color-navy-soft: #152238;
    --color-charcoal: #243044;
    --color-charcoal-soft: #3D4F66;
    --color-silver: #94A3B8;
    --color-silver-light: #CBD5E1;
    --color-bronze: #A8894A;
    --color-bronze-dark: #8B7040;
    --color-bronze-soft: #F5F0E8;
    --color-white: #FFFFFF;
    --color-cream: #FAF9F7;
    --color-cream-dark: #F0EDE8;
    --color-border: #E2DDD4;
    --color-border-dark: #C9C2B8;
    --color-success: #2D6A4F;
    --color-error: #B91C1C;

    /* Typography */
    --font-display: "Fraunces", Georgia, "Times New Roman", serif;
    --font-body: "Source Sans 3", system-ui, -apple-system, sans-serif;

    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-base: 1rem;
    --text-lg: 1.125rem;
    --text-xl: 1.25rem;
    --text-2xl: 1.5rem;
    --text-3xl: 2rem;
    --text-4xl: 2.75rem;
    --text-5xl: 3.5rem;

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

    /* Layout */
    --container-max: 1200px;
    --header-height: 72px;
    --topbar-height: 40px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;

    /* Shadows */
    --shadow-sm: 0 1px 3px rgba(10, 22, 40, 0.06);
    --shadow-md: 0 4px 16px rgba(10, 22, 40, 0.08);
    --shadow-lg: 0 12px 40px rgba(10, 22, 40, 0.12);

    /* Transitions */
    --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --duration-fast: 150ms;
    --duration-base: 250ms;
    --duration-slow: 500ms;
}