/* =============================================
   Front-End Theme Definitions
   "Default" = no overrides (uses baseline :root in _Layout.cshtml)
   Each theme scoped by [data-theme="ThemeName"]
   ============================================= */

/* ---------- Dark ---------- */
[data-theme="Dark"] {
    --accent: #6366f1;
    --accent-dark: #4f46e5;
    --accent-light: rgba(99,102,241,0.15);
    --bg-body: #0f172a;
    --bg-card: #1e293b;
    --bg-card-hover: #263348;
    --bg-surface: rgba(30,41,59,0.85);
    --bg-nav: rgba(15,23,42,0.92);
    --bg-overlay: rgba(15,23,42,0.65);
    --border: rgba(255,255,255,0.1);
    --border-light: rgba(255,255,255,0.15);
    --text: #e2e8f0;
    --text-muted: #94a3b8;
    --text-dim: #64748b;
    --success: #22c55e;
    --danger: #ef4444;
    --hover-overlay: rgba(255,255,255,0.06);
    --focus-overlay: rgba(255,255,255,0.08);
}

/* ---------- Midnight ---------- */
[data-theme="Midnight"] {
    --accent: #7c3aed;
    --accent-dark: #6d28d9;
    --accent-light: rgba(124,58,237,0.15);
    --bg-body: #0a0a1a;
    --bg-card: #1a1a2e;
    --bg-card-hover: #252540;
    --bg-surface: rgba(26,26,46,0.85);
    --bg-nav: rgba(10,10,26,0.92);
    --bg-overlay: rgba(10,10,26,0.7);
    --border: rgba(255,255,255,0.08);
    --border-light: rgba(255,255,255,0.12);
    --text: #e2e8f0;
    --text-muted: #a78bfa;
    --text-dim: #7c6aaf;
    --success: #22c55e;
    --danger: #ef4444;
    --hover-overlay: rgba(255,255,255,0.06);
    --focus-overlay: rgba(255,255,255,0.08);
}

/* ---------- Ocean ---------- */
[data-theme="Ocean"] {
    --accent: #0ea5e9;
    --accent-dark: #0284c7;
    --accent-light: rgba(14,165,233,0.15);
    --bg-body: #082f49;
    --bg-card: #0c4a6e;
    --bg-card-hover: #0e5a85;
    --bg-surface: rgba(12,74,110,0.85);
    --bg-nav: rgba(8,47,73,0.92);
    --bg-overlay: rgba(8,47,73,0.65);
    --border: rgba(255,255,255,0.1);
    --border-light: rgba(255,255,255,0.15);
    --text: #e0f2fe;
    --text-muted: #7dd3fc;
    --text-dim: #38bdf8;
    --success: #22c55e;
    --danger: #ef4444;
    --hover-overlay: rgba(255,255,255,0.06);
    --focus-overlay: rgba(255,255,255,0.08);
}

/* ---------- Emerald ---------- */
[data-theme="Emerald"] {
    --accent: #10b981;
    --accent-dark: #059669;
    --accent-light: rgba(16,185,129,0.15);
    --bg-body: #022c22;
    --bg-card: #064e3b;
    --bg-card-hover: #065f46;
    --bg-surface: rgba(6,78,59,0.85);
    --bg-nav: rgba(2,44,34,0.92);
    --bg-overlay: rgba(2,44,34,0.65);
    --border: rgba(255,255,255,0.1);
    --border-light: rgba(255,255,255,0.15);
    --text: #d1fae5;
    --text-muted: #6ee7b7;
    --text-dim: #34d399;
    --success: #22c55e;
    --danger: #ef4444;
    --hover-overlay: rgba(255,255,255,0.06);
    --focus-overlay: rgba(255,255,255,0.08);
}

/* ---------- Slate ---------- */
[data-theme="Slate"] {
    --accent: #3b82f6;
    --accent-dark: #2563eb;
    --accent-light: rgba(59,130,246,0.15);
    --bg-body: #334155;
    --bg-card: #475569;
    --bg-card-hover: #526378;
    --bg-surface: rgba(71,85,105,0.88);
    --bg-nav: rgba(51,65,85,0.92);
    --bg-overlay: rgba(51,65,85,0.6);
    --border: rgba(255,255,255,0.12);
    --border-light: rgba(255,255,255,0.18);
    --text: #f1f5f9;
    --text-muted: #cbd5e1;
    --text-dim: #94a3b8;
    --success: #22c55e;
    --danger: #ef4444;
    --hover-overlay: rgba(255,255,255,0.06);
    --focus-overlay: rgba(255,255,255,0.08);
}

/* ---------- Dusk ---------- */
[data-theme="Dusk"] {
    --accent: #a78bfa;
    --accent-dark: #8b5cf6;
    --accent-light: rgba(167,139,250,0.15);
    --bg-body: #2d2547;
    --bg-card: #4a3f6b;
    --bg-card-hover: #564b7a;
    --bg-surface: rgba(74,63,107,0.88);
    --bg-nav: rgba(45,37,71,0.92);
    --bg-overlay: rgba(45,37,71,0.6);
    --border: rgba(255,255,255,0.1);
    --border-light: rgba(255,255,255,0.15);
    --text: #ede9fe;
    --text-muted: #c4b5fd;
    --text-dim: #a78bfa;
    --success: #22c55e;
    --danger: #ef4444;
    --hover-overlay: rgba(255,255,255,0.06);
    --focus-overlay: rgba(255,255,255,0.08);
}

/* ---------- Steel ---------- */
[data-theme="Steel"] {
    --accent: #6b7280;
    --accent-dark: #4b5563;
    --accent-light: rgba(107,114,128,0.15);
    --bg-body: #374151;
    --bg-card: #4b5563;
    --bg-card-hover: #566274;
    --bg-surface: rgba(75,85,99,0.88);
    --bg-nav: rgba(55,65,81,0.92);
    --bg-overlay: rgba(55,65,81,0.6);
    --border: rgba(255,255,255,0.12);
    --border-light: rgba(255,255,255,0.18);
    --text: #f3f4f6;
    --text-muted: #d1d5db;
    --text-dim: #9ca3af;
    --success: #22c55e;
    --danger: #ef4444;
    --hover-overlay: rgba(255,255,255,0.06);
    --focus-overlay: rgba(255,255,255,0.08);
}

/* ---------- Copper ---------- */
[data-theme="Copper"] {
    --accent: #f59e0b;
    --accent-dark: #d97706;
    --accent-light: rgba(245,158,11,0.15);
    --bg-body: #451a03;
    --bg-card: #78350f;
    --bg-card-hover: #8a4012;
    --bg-surface: rgba(120,53,15,0.88);
    --bg-nav: rgba(69,26,3,0.92);
    --bg-overlay: rgba(69,26,3,0.6);
    --border: rgba(255,255,255,0.1);
    --border-light: rgba(255,255,255,0.15);
    --text: #fef3c7;
    --text-muted: #fcd34d;
    --text-dim: #f59e0b;
    --success: #22c55e;
    --danger: #ef4444;
    --hover-overlay: rgba(255,255,255,0.06);
    --focus-overlay: rgba(255,255,255,0.08);
}

/* ---------- Light ---------- */
[data-theme="Light"] {
    --accent: #3b82f6;
    --accent-dark: #2563eb;
    --accent-light: rgba(59,130,246,0.1);
    --bg-body: #f8fafc;
    --bg-card: #ffffff;
    --bg-card-hover: #f1f5f9;
    --bg-surface: rgba(255,255,255,0.92);
    --bg-nav: rgba(255,255,255,0.95);
    --bg-overlay: rgba(248,250,252,0.85);
    --border: rgba(0,0,0,0.1);
    --border-light: rgba(0,0,0,0.06);
    --text: #1e293b;
    --text-muted: #64748b;
    --text-dim: #94a3b8;
    --success: #16a34a;
    --danger: #dc2626;
    --hover-overlay: rgba(0,0,0,0.04);
    --focus-overlay: rgba(0,0,0,0.06);
}

/* ---------- Cloud ---------- */
[data-theme="Cloud"] {
    --accent: #3b82f6;
    --accent-dark: #2563eb;
    --accent-light: rgba(59,130,246,0.1);
    --bg-body: #eff6ff;
    --bg-card: #ffffff;
    --bg-card-hover: #dbeafe;
    --bg-surface: rgba(255,255,255,0.92);
    --bg-nav: rgba(219,234,254,0.95);
    --bg-overlay: rgba(239,246,255,0.88);
    --border: rgba(59,130,246,0.12);
    --border-light: rgba(59,130,246,0.06);
    --text: #1e293b;
    --text-muted: #3b82f6;
    --text-dim: #93c5fd;
    --success: #16a34a;
    --danger: #dc2626;
    --hover-overlay: rgba(0,0,0,0.04);
    --focus-overlay: rgba(0,0,0,0.06);
}

/* ---------- Mint ---------- */
[data-theme="Mint"] {
    --accent: #10b981;
    --accent-dark: #059669;
    --accent-light: rgba(16,185,129,0.1);
    --bg-body: #ecfdf5;
    --bg-card: #ffffff;
    --bg-card-hover: #d1fae5;
    --bg-surface: rgba(255,255,255,0.92);
    --bg-nav: rgba(209,250,229,0.95);
    --bg-overlay: rgba(236,253,245,0.88);
    --border: rgba(16,185,129,0.12);
    --border-light: rgba(16,185,129,0.06);
    --text: #1e293b;
    --text-muted: #059669;
    --text-dim: #6ee7b7;
    --success: #16a34a;
    --danger: #dc2626;
    --hover-overlay: rgba(0,0,0,0.04);
    --focus-overlay: rgba(0,0,0,0.06);
}

/* ---------- Pearl ---------- */
[data-theme="Pearl"] {
    --accent: #8b5cf6;
    --accent-dark: #7c3aed;
    --accent-light: rgba(139,92,246,0.1);
    --bg-body: #faf5ff;
    --bg-card: #ffffff;
    --bg-card-hover: #f3e8ff;
    --bg-surface: rgba(255,255,255,0.92);
    --bg-nav: rgba(243,232,255,0.95);
    --bg-overlay: rgba(250,245,255,0.88);
    --border: rgba(139,92,246,0.12);
    --border-light: rgba(139,92,246,0.06);
    --text: #1e293b;
    --text-muted: #7c3aed;
    --text-dim: #c4b5fd;
    --success: #16a34a;
    --danger: #dc2626;
    --hover-overlay: rgba(0,0,0,0.04);
    --focus-overlay: rgba(0,0,0,0.06);
}