/**
 * ============================================================
 * COMMISSARYOS THEME ENGINE — TOKEN PALETTE (css/theme.css)
 * ============================================================
 * Bootstrap/WordPress-style theming: every component references these semantic
 * tokens instead of hard-coded hex. Change a token (or switch html[data-theme])
 * and the entire platform re-skins. Active theme is applied by js/theme-engine.js.
 *
 * Presets:
 *   dark_slate     (default dark SaaS)
 *   clean_light    (light kitchen line)
 *   high_contrast  (outdoor sunlight / accessibility)
 * ============================================================
 */
:root,
html[data-theme="dark_slate"] {
    /* surfaces */
    --bg-base: #090d16;
    --bg-deep: #060913;
    --bg-card: #0f172a;
    --bg-panel: #1e293b;
    --bg-input: #0f172a;
    --bg-inset: #020617;
    /* borders */
    --border: #334155;
    --border-strong: #475569;
    /* text */
    --text-main: #f8fafc;
    --text-subtle: #cbd5e1;
    --text-muted: #94a3b8;
    --text-faint: #64748b;
    /* accents */
    --accent: #38bdf8;
    --accent-2: #6366f1;
    --accent-indigo: #818cf8;
    --accent-blue: #0284c7;
    --accent-teal: #0d9488;
    --accent-emerald: #34d399;
    --accent-purple: #a78bfa;
    --accent-violet: #a855f7;
    /* semantic */
    --success: #22c55e;
    --success-light: #4ade80;
    --danger: #ef4444;
    --danger-light: #f87171;
    --warning: #f59e0b;
    --warning-light: #fbbf24;
    /* ---- status surfaces (badges / banners / alerts) ---- */
    --danger-bg: #7f1d1d;
    --danger-bg-strong: #991b1b;
    --danger-bg-deep: #450a0a;
    --danger-fg: #fca5a5;
    --danger-fg-soft: #fecaca;
    --success-bg: #064e3b;
    --success-bg-strong: #065f46;
    --success-fg: #a7f3d0;
    --success-fg-soft: #86efac;
    --success-accent: #10b981;
    --warning-bg: #78350f;
    --warning-bg-deep: #451a03;
    --warning-fg: #fde68a;
    --warning-fg-strong: #fde047;
    --warning-fg-soft: #fef3c7;
    --warning-accent: #eab308;
    --info-bg: #0c4a6e;
    --info-bg-strong: #1e3a8a;
    --info-fg: #7dd3fc;
    --info-fg-soft: #e0f2fe;
    --info-accent: #2563eb;
    --info-accent-light: #3b82f6;
    --info-accent-deep: #1d4ed8;
    --text-on-accent: #ffffff;
    /* ---- extended accents ---- */
    --accent-cyan: #06b6d4;
    --accent-teal-light: #2dd4bf;
    --accent-indigo-light: #a5b4fc;
    --accent-purple-light: #c084fc;
    --accent-rose: #e11d48;
    /* ---- neutral surfaces ---- */
    --bg-elevated: #111827;
    --bg-sunken: #060910;
    --border-subtle: #374151;
    --text-dim: #9ca3af;
}

html[data-theme="clean_light"] {
    --bg-base: #f1f5f9;
    --bg-deep: #e2e8f0;
    --bg-card: #ffffff;
    --bg-panel: #f8fafc;
    --bg-input: #ffffff;
    --bg-inset: #f8fafc;
    --border: #e2e8f0;
    --border-strong: #cbd5e1;
    --text-main: #0f172a;
    --text-subtle: #334155;
    --text-muted: #475569;
    --text-faint: #64748b;
    --accent: #0284c7;
    --accent-2: #4f46e5;
    --accent-indigo: #6366f1;
    --accent-blue: #0369a1;
    --accent-teal: #0f766e;
    --accent-emerald: #059669;
    --accent-purple: #7c3aed;
    --accent-violet: #9333ea;
    --success: #16a34a;
    --success-light: #22c55e;
    --danger: #dc2626;
    --danger-light: #ef4444;
    --warning: #d97706;
    --warning-light: #f59e0b;
    /* status surfaces — light equivalents (light tint bg + saturated text) */
    --danger-bg: #fee2e2;  --danger-bg-strong: #fecaca;  --danger-bg-deep: #fef2f2;
    --danger-fg: #b91c1c;  --danger-fg-soft: #991b1b;
    --success-bg: #dcfce7; --success-bg-strong: #bbf7d0; --success-fg: #15803d; --success-fg-soft: #166534;
    --success-accent: #059669;
    --warning-bg: #fef3c7; --warning-bg-deep: #fffbeb;  --warning-fg: #92400e; --warning-fg-strong: #b45309; --warning-fg-soft: #a16207;
    --warning-accent: #ca8a04;
    --info-bg: #e0f2fe;    --info-bg-strong: #dbeafe;   --info-fg: #0369a1; --info-fg-soft: #075985;
    --info-accent: #2563eb; --info-accent-light: #3b82f6; --info-accent-deep: #1d4ed8;
    --text-on-accent: #ffffff;
    --accent-cyan: #0891b2; --accent-teal-light: #0d9488; --accent-indigo-light: #6366f1;
    --accent-purple-light: #7c3aed; --accent-rose: #be123c;
    --bg-elevated: #ffffff; --bg-sunken: #e2e8f0; --border-subtle: #e2e8f0; --text-dim: #6b7280;
}

html[data-theme="high_contrast"] {
    --bg-base: #000000;
    --bg-deep: #000000;
    --bg-card: #101010;
    --bg-panel: #181818;
    --bg-input: #101010;
    --bg-inset: #000000;
    --border: #ffffff;
    --border-strong: #ffffff;
    --text-main: #ffffff;
    --text-subtle: #ffffff;
    --text-muted: #e5e5e5;
    --text-faint: #cccccc;
    --accent: #ffff00;
    --accent-2: #00ffff;
    --accent-indigo: #00ffff;
    --accent-blue: #00ffff;
    --accent-teal: #00ff88;
    --accent-emerald: #55ff55;
    --accent-purple: #ff88ff;
    --accent-violet: #ff88ff;
    --success: #55ff55;
    --success-light: #88ff88;
    --danger: #ff5555;
    --danger-light: #ff8888;
    --warning: #ffaa00;
    --warning-light: #ffcc00;
    /* status surfaces — high contrast (black fill + bright text) */
    --danger-bg: #000000;  --danger-bg-strong: #000000;  --danger-bg-deep: #000000;
    --danger-fg: #ff8888;  --danger-fg-soft: #ff5555;
    --success-bg: #000000; --success-bg-strong: #000000; --success-fg: #88ff88; --success-fg-soft: #55ff55;
    --success-accent: #55ff55;
    --warning-bg: #000000; --warning-bg-deep: #000000;  --warning-fg: #ffcc00; --warning-fg-strong: #ffff00; --warning-fg-soft: #ffaa00;
    --warning-accent: #ffcc00;
    --info-bg: #000000;    --info-bg-strong: #000000;   --info-fg: #00ffff; --info-fg-soft: #00ffff;
    --info-accent: #00ffff; --info-accent-light: #00ffff; --info-accent-deep: #00ffff;
    --text-on-accent: #000000;
    --accent-cyan: #00ffff; --accent-teal-light: #00ff88; --accent-indigo-light: #00ffff;
    --accent-purple-light: #ff88ff; --accent-rose: #ff5555;
    --bg-elevated: #181818; --bg-sunken: #000000; --border-subtle: #ffffff; --text-dim: #e5e5e5;
}