:root {
    --color-bg: #f5f3f2;
    --color-surface: #ffffff;
    --color-surface-soft: #faf8f7;
    --color-text: #171515;
    --color-text-muted: #6e6967;
    --color-border: rgba(23, 21, 21, .12);
    --color-brand: #e10600;
    --color-brand-strong: #c40500;
    --color-brand-soft: #fff0ef;
    --color-success: #1f9d55;
    --color-warning: #b26a00;
    --color-danger: #d12b2b;
    --color-on-brand: #ffffff;
    --font-display: "Anton", Impact, "Arial Narrow", sans-serif;
    --font-body: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
    --weight-regular: 400;
    --weight-medium: 600;
    --weight-bold: 800;
    --weight-black: 900;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;
    --radius-sm: 10px;
    --radius-md: 16px;
    --radius-lg: 20px;
    --radius-pill: 999px;
    --elevation-soft: 0 14px 34px rgba(35, 25, 22, .07);
    --elevation-card: 0 24px 58px rgba(35, 25, 22, .11);
    --transition-base: .2s ease;
    --container-max: 1200px;
    --control-height-sm: 40px;
    --control-height-md: 48px;
    --control-height-lg: 58px;
}

html[data-theme="dark"] {
    --color-bg: #0a0a0a;
    --color-surface: #171717;
    --color-surface-soft: #111111;
    --color-text: #f7f7f5;
    --color-text-muted: #aaa6a3;
    --color-border: rgba(255, 255, 255, .1);
    --color-brand-soft: rgba(225, 6, 0, .12);
    --color-success: #46c07d;
    --color-warning: #e0a94a;
    --color-danger: #f2726f;
    --elevation-soft: 0 14px 34px rgba(0, 0, 0, .28);
    --elevation-card: 0 26px 64px rgba(0, 0, 0, .4);
}