:root {
    --color-teal: #008687;
    --color-blue: #005f9b;
    --color-violet: #6300da;
    --color-amethyst: #8900ff;
    --color-ink: #0d0d0d;
    --color-muted: #5f6472;
    --color-muted-strong: #3d4656;
    --color-surface: #ffffff;
    --color-surface-alt: #f4f7fa;
    --color-line: rgba(13, 13, 13, 0.08);
    --color-dark: #08131d;
    --color-dark-alt: #10283c;
    --color-success: #0f8b5f;
    --color-error: #b3261e;
    --gradient-hero: linear-gradient(135deg, #1a7fa5 0%, #166898 48%, #174f7d 100%);
    --gradient-surface: linear-gradient(180deg, rgba(242, 247, 250, 0.96), rgba(247, 250, 252, 0.96));
    --gradient-dark: linear-gradient(135deg, #0c2030 0%, #12304a 100%);
    --shadow-soft: 0 24px 60px rgba(8, 19, 29, 0.12);
    --shadow-card: 0 16px 40px rgba(8, 19, 29, 0.08);
    --radius-sm: 14px;
    --radius-md: 22px;
    --radius-lg: 32px;
    --container-width: min(1180px, calc(100vw - 32px));
    --container-narrow: min(780px, calc(100vw - 32px));
    --font-body: 'Plus Jakarta Sans', sans-serif;
    --font-display: 'Space Grotesk', sans-serif;
    --space-1: 0.5rem;
    --space-2: 0.75rem;
    --space-3: 1rem;
    --space-4: 1.5rem;
    --space-5: 2rem;
    --space-6: 3rem;
    --space-7: 4.5rem;
    --space-8: 6rem;
    --transition-base: 180ms ease;
}