:root {
    --color-primary: #2f6fbb;
    --color-primary-dark: #24578f;
    --color-primary-soft: #eef4fa;
    --color-primary-contrast: #fff;
    --color-ink: #101828;
    --color-text: #344054;
    --color-muted: #667085;
    --color-bg: #fff;
    --color-surface: #f7f8fb;
    --color-dark: #090f1d;
    --color-dark-surface-border: #202939;
    --color-dark-text-muted: #98a2b3;
    --color-border: #e4e7ec;
    --container: 1200px;
    --measure: 68ch;
    --radius: 18px;
    --radius-sm: 8px;
    --space-xs: .5rem;
    --space-sm: 1rem;
    --space-md: 1.5rem;
    --space-lg: 2.5rem;
    --space-xl: 5rem;
    --shadow-card: 0 16px 40px rgba(16,24,40,.07);
    --transition-fast: 180ms;
    --transition-ease: ease;
}