/* Dark — sleek dark mode */
:root {
    --color-primary: #818cf8;
    --color-primary-hover: #a5b4fc;
    --color-primary-light: rgba(129, 140, 248, 0.12);
    --color-secondary: #38bdf8;
    --color-bg: #0b0f1a;
    --color-surface: #141926;
    --color-text: #e8ecf4;
    --color-text-muted: #8892a8;
    --color-border: #1e2538;
    --color-success: #34d399;
    --color-error: #f87171;
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, .4);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);
}