:root {
    --bg-body: #0a0a0a;
    --bg-header: #111;
    --bg-surface: #111;
    --bg-card: #141414;
    --bg-input: #0a0a0a;
    --bg-hover: #1a1a1a;
    --bg-elevated: #222;
    --bg-sidebar: #0d0d0d;

    --text-primary: #e0e0e0;
    --text-secondary: #aaa;
    --text-muted: #888;
    --text-dimmed: #666;
    --text-faint: #555;
    --text-white: #fff;

    --border: #1e1e1e;
    --border-medium: #333;
    --border-strong: #444;
    --border-hover: #555;

    --accent: #c8a86e;
    --accent-hover: #d4b87a;
    --accent-dark: #b8954e;
    --accent-tint: rgba(200,168,110,0.1);
    --accent-tint2: rgba(200,168,110,0.15);

    --success: #4caf50;
    --success-tint: rgba(76,175,80,0.1);
    --success-tint2: rgba(76,175,80,0.15);
    --danger: #dc3545;
    --danger-tint: rgba(220,53,69,0.1);
    --danger-tint2: rgba(220,53,69,0.15);
    --warning: #ff9800;
    --warning-tint: rgba(255,152,0,0.1);
    --warning-tint2: rgba(255,167,38,0.15);
    --info: #42a5f5;
    --info-tint: rgba(66,165,245,0.15);

    --overlay: rgba(0,0,0,0.7);
    --overlay-heavy: rgba(0,0,0,0.95);
    --shadow: rgba(0,0,0,0.3);

    --scrollbar-track: #111;
    --scrollbar-thumb: #333;
}

body.light {
    --bg-body: #f4f4f5;
    --bg-header: #ffffff;
    --bg-surface: #ffffff;
    --bg-card: #ffffff;
    --bg-input: #f9f9fb;
    --bg-hover: #f0f0f2;
    --bg-elevated: #eaeaec;
    --bg-sidebar: #fafafa;

    --text-primary: #1a1a1a;
    --text-secondary: #555;
    --text-muted: #777;
    --text-dimmed: #999;
    --text-faint: #bbb;
    --text-white: #1a1a1a;

    --border: #e2e2e5;
    --border-medium: #d0d0d5;
    --border-strong: #bbb;
    --border-hover: #999;

    --accent: #9a7b3f;
    --accent-hover: #b8954e;
    --accent-dark: #7a6230;
    --accent-tint: rgba(154,123,63,0.08);
    --accent-tint2: rgba(154,123,63,0.12);

    --success: #2e7d32;
    --success-tint: rgba(46,125,50,0.08);
    --success-tint2: rgba(46,125,50,0.12);
    --danger: #c62828;
    --danger-tint: rgba(198,40,40,0.08);
    --danger-tint2: rgba(198,40,40,0.12);
    --warning: #e65100;
    --warning-tint: rgba(230,81,0,0.08);
    --warning-tint2: rgba(230,81,0,0.12);
    --info: #1565c0;
    --info-tint: rgba(21,101,192,0.1);

    --overlay: rgba(0,0,0,0.35);
    --overlay-heavy: rgba(0,0,0,0.6);
    --shadow: rgba(0,0,0,0.08);

    --scrollbar-track: #eee;
    --scrollbar-thumb: #ccc;
}

/* Theme toggle button */
.theme-toggle {
    width: 36px;
    height: 36px;
    background: none;
    border: 1px solid var(--border-medium);
    border-radius: 8px;
    color: var(--text-muted);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
    flex-shrink: 0;
}
.theme-toggle:hover {
    color: var(--accent);
    border-color: var(--accent);
    background: var(--accent-tint);
}
.theme-toggle .icon-sun,
.theme-toggle .icon-moon { display: none; }
body:not(.light) .theme-toggle .icon-sun { display: block; }
body.light .theme-toggle .icon-moon { display: block; }