:root {
    --color-navy-900: #172333;
    --color-navy-800: #1e364e;
    --color-navy-700: #2b435d;
    --color-accent: #af1f29;
    --color-accent-dark: #8f1821;
    --color-page: #f9f9f9;
    --color-surface: #ffffff;
    --color-surface-warm: #f8f7f4;
    --color-text: #293746;
    --color-muted: #6f7b83;
    --color-on-dark: #f8fafb;
    --color-border: #e5e8e9;
    --color-star: #d7a12b;

    --font-display: "Playfair Display", Georgia, serif;
    --font-body: "Josefin Sans", "Trebuchet MS", sans-serif;

    --container-max-width: 79rem;
    --container-gutter: clamp(1.25rem, 4vw, 3rem);
    --header-height: 5.5rem;

    --space-1: 0.375rem;
    --space-2: 0.625rem;
    --space-3: 0.875rem;
    --space-4: 1.25rem;
    --space-5: 1.75rem;
    --space-6: 2.5rem;
    --space-7: 3.5rem;
    --space-8: 5rem;
    --space-section: clamp(4.5rem, 9vw, 8rem);

    --radius-sm: 0.125rem;
    --radius-md: 0.25rem;
    --radius-lg: 0.5rem;
    --shadow-soft: 0 0.75rem 2.5rem rgb(23 35 51 / 0.08);
    --shadow-hover: 0 1rem 2.5rem rgb(23 35 51 / 0.12);

    --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --transition-fast: 180ms var(--ease-out);
    --transition-base: 300ms var(--ease-out);
}