:root {
    color-scheme: dark light;
    --radius-card: 8px;
    --shadow-soft: 0 24px 80px rgba(0, 0, 0, 0.24);
    --ease-out: cubic-bezier(.16, 1, .3, 1);
}

:root[data-theme="dark"] {
    --color-bg: #08090b;
    --color-bg-elevated: #111318;
    --color-bg-muted: #151820;
    --color-text: #f4f2eb;
    --color-text-muted: #aeb5c3;
    --color-border: rgba(244, 242, 235, 0.13);
    --color-accent: #5bb7ff;
    --color-accent-contrast: #061017;
    --color-green: #72e2a6;
    --color-violet: #b69cff;
    --color-gold: #f3c969;
    --color-danger: #ff7c7c;
    --color-success: #72e2a6;
    --surface-alpha: rgba(255, 255, 255, 0.055);
}

:root[data-theme="light"] {
    --color-bg: #f7f4ee;
    --color-bg-elevated: #ffffff;
    --color-bg-muted: #ebe8df;
    --color-text: #101214;
    --color-text-muted: #5c6470;
    --color-border: rgba(16, 18, 20, 0.13);
    --color-accent: #006fd6;
    --color-accent-contrast: #ffffff;
    --color-green: #087b4f;
    --color-violet: #6949d7;
    --color-gold: #a66a00;
    --color-danger: #b42318;
    --color-success: #087b4f;
    --surface-alpha: rgba(255, 255, 255, 0.78);
    --shadow-soft: 0 24px 80px rgba(32, 30, 24, 0.14);
}