:root {
    --color-primary: #335eea;
    --color-primary-dark: #1d43c4;
    --color-primary-soft: #eef2ff;
    --color-ink: #101828;
    --color-text: #344054;
    --color-muted: #667085;
    --color-bg: #fff;
    --color-surface: #f7f8fb;
    --color-dark: #0c1324;
    --color-border: #e4e7ec;
    --container: 1200px;
    --radius: 18px;
    --radius-sm: 10px;
    --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);
}