:root {
        color-scheme: dark;
        --bg-primary: #1a1d29;
        --bg-secondary: #22252f;
        --bg-tertiary: #2d3139;
        --bg-hover: #3d4149;
        --bg-input: #1a1d24;
        --text-primary: #e4e4e7;
        --text-secondary: #9ca3af;
        --text-muted: #6b7280;
        --text-dim: #4b5563;
        --border-color: #3d4149;
        --border-light: #2d3139;
    }
    :root.theme-light {
        color-scheme: light;
        --bg-primary: #f0f2f5;
        --bg-secondary: #ffffff;
        --bg-tertiary: #f8f9fa;
        --bg-hover: #e8eaed;
        --bg-input: #ffffff;
        --text-primary: #1a1a2e;
        --text-secondary: #4a5568;
        --text-muted: #5b6675;
        --text-dim: #667085;
        --border-color: #e2e8f0;
        --border-light: #edf2f7;
    }
    html,
    body { min-height: 100%; background: var(--bg-primary); color: var(--text-primary); }