/* ── Base tokens (light default) ─────────────────────────────────── */
:root,
[data-theme="light"] {
    --bg:           #f8f9fa;
    --bg-card:      #ffffff;
    --bg-sidebar:   #ffffff;
    --bg-nav:       #ffffff;
    --border:       #e2e8f0;
    --text:         #1a202c;
    --text-muted:   #718096;
    --text-inv:     #ffffff;
    --primary:      #4f46e5;
    --primary-h:    #4338ca;
    --primary-soft: #eef2ff;
    --accent:       #06b6d4;
    --success:      #10b981;
    --warning:      #f59e0b;
    --danger:       #ef4444;
    --shadow:       0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.05);
    --shadow-lg:    0 10px 25px rgba(0,0,0,.10);
    --radius:       10px;
    --radius-sm:    6px;
    --nav-height:   64px;
}

[data-theme="dark"] {
    --bg:           #0f172a;
    --bg-card:      #1e293b;
    --bg-sidebar:   #1e293b;
    --bg-nav:       #1e293b;
    --border:       #334155;
    --text:         #f1f5f9;
    --text-muted:   #94a3b8;
    --text-inv:     #ffffff;
    --primary:      #6366f1;
    --primary-h:    #818cf8;
    --primary-soft: #1e1b4b;
    --accent:       #22d3ee;
    --success:      #34d399;
    --warning:      #fbbf24;
    --danger:       #f87171;
    --shadow:       0 1px 3px rgba(0,0,0,.4);
    --shadow-lg:    0 10px 25px rgba(0,0,0,.5);
}

[data-theme="forest"] {
    --bg:           #0d1f13;
    --bg-card:      #132a1a;
    --bg-sidebar:   #0f2416;
    --bg-nav:       #0f2416;
    --border:       #1e4428;
    --text:         #d4edda;
    --text-muted:   #74a882;
    --text-inv:     #ffffff;
    --primary:      #2d8a4e;
    --primary-h:    #38a85f;
    --primary-soft: #0d2e16;
    --accent:       #86efac;
    --success:      #4ade80;
    --warning:      #fbbf24;
    --danger:       #f87171;
    --shadow:       0 1px 3px rgba(0,0,0,.5);
    --shadow-lg:    0 10px 25px rgba(0,0,0,.6);
}

[data-theme="ice"] {
    --bg:           #f0f9ff;
    --bg-card:      #ffffff;
    --bg-sidebar:   #e0f2fe;
    --bg-nav:       #ffffff;
    --border:       #bae6fd;
    --text:         #0c4a6e;
    --text-muted:   #0369a1;
    --text-inv:     #ffffff;
    --primary:      #0284c7;
    --primary-h:    #0369a1;
    --primary-soft: #e0f2fe;
    --accent:       #06b6d4;
    --success:      #10b981;
    --warning:      #f59e0b;
    --danger:       #ef4444;
    --shadow:       0 1px 3px rgba(0,100,180,.08);
    --shadow-lg:    0 10px 25px rgba(0,100,180,.12);
}

[data-theme="midnight"] {
    --bg:           #020617;
    --bg-card:      #0f172a;
    --bg-sidebar:   #0f172a;
    --bg-nav:       #0f172a;
    --border:       #1e293b;
    --text:         #e2e8f0;
    --text-muted:   #64748b;
    --text-inv:     #ffffff;
    --primary:      #7c3aed;
    --primary-h:    #6d28d9;
    --primary-soft: #1e1033;
    --accent:       #a78bfa;
    --success:      #34d399;
    --warning:      #fbbf24;
    --danger:       #f87171;
    --shadow:       0 1px 3px rgba(0,0,0,.6);
    --shadow-lg:    0 10px 25px rgba(0,0,0,.7);
}

[data-theme="ember"] {
    --bg:           #1c0a00;
    --bg-card:      #2d1200;
    --bg-sidebar:   #2d1200;
    --bg-nav:       #2d1200;
    --border:       #7c2d12;
    --text:         #fed7aa;
    --text-muted:   #fb923c;
    --text-inv:     #ffffff;
    --primary:      #ea580c;
    --primary-h:    #c2410c;
    --primary-soft: #431407;
    --accent:       #fbbf24;
    --success:      #4ade80;
    --warning:      #fcd34d;
    --danger:       #f87171;
    --shadow:       0 1px 3px rgba(0,0,0,.5);
    --shadow-lg:    0 10px 25px rgba(0,0,0,.6);
}

[data-theme="arctic"] {
    --bg:           #f8fafc;
    --bg-card:      #ffffff;
    --bg-sidebar:   #f1f5f9;
    --bg-nav:       #ffffff;
    --border:       #cbd5e1;
    --text:         #0f172a;
    --text-muted:   #475569;
    --text-inv:     #ffffff;
    --primary:      #0f766e;
    --primary-h:    #0d9488;
    --primary-soft: #f0fdfa;
    --accent:       #14b8a6;
    --success:      #10b981;
    --warning:      #f59e0b;
    --danger:       #ef4444;
    --shadow:       0 1px 3px rgba(0,0,0,.06);
    --shadow-lg:    0 10px 25px rgba(0,0,0,.09);
}

[data-theme="slate"] {
    --bg:           #1a1f2e;
    --bg-card:      #242938;
    --bg-sidebar:   #1e2333;
    --bg-nav:       #1e2333;
    --border:       #343b4f;
    --text:         #cdd6f4;
    --text-muted:   #7f849c;
    --text-inv:     #ffffff;
    --primary:      #89b4fa;
    --primary-h:    #74c7ec;
    --primary-soft: #1e2a3a;
    --accent:       #89dceb;
    --success:      #a6e3a1;
    --warning:      #f9e2af;
    --danger:       #f38ba8;
    --shadow:       0 1px 3px rgba(0,0,0,.4);
    --shadow-lg:    0 10px 25px rgba(0,0,0,.5);
}