/* ============================================================
   THEME COLOR OVERRIDES
   Base tokens are defined in style.css :root (blue = default).
   Each theme only needs to override what differs.
   ============================================================ */

[data-theme="blue"] {
    --primary-color: #2563eb;
    --primary-light: #60a5fa;
    --primary-dark: #1d4ed8;
    --bg-gradient: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
}

[data-theme="green"] {
    --primary-color: #16a34a;
    --primary-light: #4ade80;
    --primary-dark: #15803d;
    --success-color: #16a34a;
    --bg-gradient: linear-gradient(135deg, #0d9488 0%, #22c55e 100%);
}

[data-theme="purple"] {
    --primary-color: #7c3aed;
    --primary-light: #a78bfa;
    --primary-dark: #6d28d9;
    --bg-gradient: linear-gradient(135deg, #7c3aed 0%, #c026d3 100%);
}

[data-theme="orange"] {
    --primary-color: #ea580c;
    --primary-light: #fb923c;
    --primary-dark: #c2410c;
    --warning-color: #f97316;
    --bg-gradient: linear-gradient(135deg, #f97316 0%, #ec4899 100%);
}

[data-theme="red"] {
    --primary-color: #dc2626;
    --primary-light: #f87171;
    --primary-dark: #b91c1c;
    --danger-color: #e11d48;
    --bg-gradient: linear-gradient(135deg, #ef4444 0%, #f59e0b 100%);
}


/* ---- Dark Theme ---- */

[data-theme="dark"] {
    --primary-color: #22d3ee;
    --primary-light: #67e8f9;
    --primary-dark: #0e7490;
    --success-color: #34d399;
    --warning-color: #fbbf24;
    --danger-color: #f87171;
    --info-color: #38bdf8;
    --bg-gradient: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);

    --white: #1e293b;
    --light-color: #0f172a;
    --dark-color: #e2e8f0;
    --text-color: #e2e8f0;
    --text-light: #94a3b8;
    --border-color: #334155;

    --shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
    --shadow-lg: 0 20px 44px -12px rgba(0, 0, 0, 0.55);
}

[data-theme="dark"] .main-content {
    background: #0b1220;
}

[data-theme="dark"] .status-available { background: #052e16; color: #4ade80; }
[data-theme="dark"] .status-occupied { background: #450a0a; color: #f87171; }
[data-theme="dark"] .status-reserved { background: #451a03; color: #fbbf24; }
[data-theme="dark"] .status-maintenance { background: #1f2937; color: #cbd5e1; }

[data-theme="dark"] .perm-ok,
[data-theme="dark"] .perm-chip.perm-ok { background: #052e16; color: #4ade80; }
[data-theme="dark"] .perm-no,
[data-theme="dark"] .perm-chip.perm-no { background: #450a0a; color: #f87171; }

[data-theme="dark"] ::-webkit-scrollbar-track { background: var(--light-color); }
[data-theme="dark"] ::-webkit-scrollbar-thumb { background: var(--border-color); }
[data-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: #475569; }