:root {
    /* Colors */
    --color-accent: #0067FF;
    --color-link: #0067FF;
    --color-heading: #0F172A;
    --color-body: #364151;
    --color-border: #E5E7EB;          /* lightened from #070614 for UI dividers */
    --color-border-strong: #070614;
    --color-bg: #FFFFFF;
    --color-bg-soft: #F2F0FE;
    --color-bg-muted: #F8FAFC;

    /* Spacing scale */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --space-2xl: 48px;
    --space-3xl: 64px;

    /* Typography */
    --font-body: 'Inter', system-ui, -apple-system, sans-serif;
    --font-heading: 'Inter', system-ui, -apple-system, sans-serif;
    --fs-xs: 12px;
    --fs-sm: 14px;
    --fs-base: 15px;
    --fs-md: 16px;
    --fs-lg: 18px;
    --fs-xl: 22px;
    --fs-2xl: 28px;
    --fs-3xl: 36px;

    /* Radii */
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 8px;

    /* Shadows */
    --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.04);
    --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.06);
}