:root {
    --color-bg: #090f1d;
    --color-bg-alt: #101a31;
    --color-surface: rgba(18, 28, 54, 0.88);
    --color-surface-strong: rgba(22, 35, 66, 0.98);
    --color-surface-soft: rgba(255, 255, 255, 0.04);
    --color-line: rgba(255, 255, 255, 0.11);
    --color-line-strong: rgba(245, 197, 93, 0.34);
    --color-text: #f6f2ea;
    --color-text-soft: #c8cedf;
    --color-text-muted: #9ca5bc;
    --color-accent: #f5c55d;
    --color-accent-strong: #ffd788;
    --color-accent-ink: #201608;
    --color-highlight: #83e4c6;
    --color-success: #9ce9a2;
    --color-warning: #ffd38c;
    --color-danger: #ff968c;
    --color-shadow: rgba(5, 9, 19, 0.55);

    --font-sans: 'Outfit', 'Segoe UI', sans-serif;
    --font-display: 'Cormorant Garamond', 'Georgia', serif;

    --max-width: 1080px;
    --radius-xs: 8px;
    --radius-sm: 12px;
    --radius-md: 18px;
    --radius-lg: 24px;
    --shadow-sm: 0 12px 30px rgba(5, 9, 19, 0.2);
    --shadow-md: 0 18px 44px rgba(5, 9, 19, 0.28);
    --shadow-lg: 0 28px 72px rgba(5, 9, 19, 0.36);

    --space-2xs: 0.375rem;
    --space-xs: 0.625rem;
    --space-sm: 0.875rem;
    --space-md: 1rem;
    --space-lg: 1.25rem;
    --space-xl: 1.65rem;
    --space-2xl: 2.35rem;
    --space-3xl: 3.2rem;
    --space-4xl: 4.4rem;

    --text-xs: 0.78rem;
    --text-sm: 0.88rem;
    --text-base: 0.97rem;
    --text-md: 1.03rem;
    --text-lg: 1.18rem;
    --text-xl: 1.42rem;
    --text-2xl: clamp(1.7rem, 3vw, 2.65rem);
    --text-3xl: clamp(2.15rem, 5vw, 3.75rem);

    --transition-fast: 180ms ease;
    --transition-base: 260ms ease;
}