:root{
    --color-background:#08090D;
    --color-surface:#191E28;
    --color-surface-muted:#151923;
    --color-surface-raised:#191E28;
    --color-surface-plate:#0D1016;
    --color-text:#F4F7FB;
    --color-text-secondary:#A7B0C0;
    --color-text-muted:#7F899B;
    --color-border:#29303C;
    --color-border-strong:#394354;
    --color-success:#C3F55B;
    --color-warning:#FF9B54;
    --color-danger:#FF6578;
    --color-accent:#67BBE6;
    --color-primary:var(--color-accent);
    --color-primary-hover:var(--color-accent);
    --color-primary-soft:#191E28;
    --color-primary-subtle:#14212B;
    --radius-small:8px;
    --radius-medium:12px;
    --radius-large:18px;
    --radius-xl:24px;
    --space-4:4px;
    --space-8:8px;
    --space-10:10px;
    --space-12:12px;
    --space-16:16px;
    --space-18:18px;
    --space-20:20px;
    --space-24:24px;
    --space-32:32px;
    --space-40:40px;
    --space-48:48px;
    --max-width:1380px;
    --content-width:780px;
    --shadow-soft:0 14px 34px rgba(0,0,0,.24);
    --shadow-card:0 22px 52px rgba(0,0,0,.4);
    --shadow-elevated:0 26px 72px rgba(0,0,0,.52);
    --shadow-focus:0 0 0 3px rgba(103,187,230,.22);
    --transition:.18s ease;
    --font-family:"Outfit",system-ui,sans-serif;
}