/* Admin dashboard theme & mode variants */
[data-theme="onapers"][data-mode="light"] {
    --primary: #FF8904;
    --primary-dark: #e67803;
    --primary-glow: rgba(255, 137, 4, 0.25);
    --secondary: #fbbf24;
    --accent: #00d4ff;
    --bg: #f4f6f8;
    --card: #ffffff;
    --text: #1e293b;
    --muted: #64748b;
    --border: #e2e8f0;
    --sidebar: #141824;
    --sidebar-text: #a8b3c7;
    --input-bg: #ffffff;
    --surface-muted: #fafbfc;
    --highlight-bg: linear-gradient(135deg, #fffaf3, #fff);
    --alert-success-bg: #ecfdf5;
    --alert-success-border: #a7f3d0;
    --alert-error-bg: #fef2f2;
    --alert-error-border: #fecaca;
    --gradient-brand: linear-gradient(135deg, #FF8904 0%, #fbbf24 100%);
    --gradient-dark: linear-gradient(145deg, #1a1f35 0%, #141824 50%, #0f1729 100%);
}

[data-theme="onapers"][data-mode="dark"] {
    --primary: #FF8904;
    --primary-dark: #fbbf24;
    --primary-glow: rgba(255, 137, 4, 0.3);
    --secondary: #fbbf24;
    --accent: #00d4ff;
    --bg: #0f1729;
    --card: #1a1f35;
    --text: #e8edf5;
    --muted: #94a3b8;
    --border: #2a3348;
    --sidebar: #0b1020;
    --sidebar-text: #94a3b8;
    --input-bg: #141824;
    --surface-muted: #141824;
    --highlight-bg: linear-gradient(135deg, rgba(255,137,4,0.12), rgba(26,31,53,1));
    --alert-success-bg: rgba(5, 150, 105, 0.15);
    --alert-success-border: rgba(5, 150, 105, 0.35);
    --alert-error-bg: rgba(220, 38, 38, 0.15);
    --alert-error-border: rgba(220, 38, 38, 0.35);
    --gradient-brand: linear-gradient(135deg, #FF8904 0%, #fbbf24 100%);
    --gradient-dark: linear-gradient(145deg, #1a1f35 0%, #0b1020 50%, #070b14 100%);
}

[data-theme="ocean"][data-mode="light"] {
    --primary: #0ea5e9;
    --primary-dark: #0284c7;
    --primary-glow: rgba(14, 165, 233, 0.25);
    --secondary: #38bdf8;
    --accent: #06b6d4;
    --bg: #f0f9ff;
    --card: #ffffff;
    --text: #0f172a;
    --muted: #64748b;
    --border: #dbeafe;
    --sidebar: #0c4a6e;
    --sidebar-text: #bae6fd;
    --input-bg: #ffffff;
    --surface-muted: #f8fafc;
    --highlight-bg: linear-gradient(135deg, #eff6ff, #fff);
    --alert-success-bg: #ecfdf5;
    --alert-success-border: #a7f3d0;
    --alert-error-bg: #fef2f2;
    --alert-error-border: #fecaca;
    --gradient-brand: linear-gradient(135deg, #0ea5e9 0%, #38bdf8 100%);
    --gradient-dark: linear-gradient(145deg, #0c4a6e 0%, #082f49 50%, #051a2e 100%);
}

[data-theme="ocean"][data-mode="dark"] {
    --primary: #38bdf8;
    --primary-dark: #0ea5e9;
    --primary-glow: rgba(56, 189, 248, 0.25);
    --secondary: #7dd3fc;
    --accent: #22d3ee;
    --bg: #071525;
    --card: #0f2740;
    --text: #e0f2fe;
    --muted: #94a3b8;
    --border: #1e3a5f;
    --sidebar: #051525;
    --sidebar-text: #93c5fd;
    --input-bg: #0a1c30;
    --surface-muted: #0a1c30;
    --highlight-bg: linear-gradient(135deg, rgba(14,165,233,0.15), rgba(15,39,64,1));
    --alert-success-bg: rgba(5, 150, 105, 0.15);
    --alert-success-border: rgba(5, 150, 105, 0.35);
    --alert-error-bg: rgba(220, 38, 38, 0.15);
    --alert-error-border: rgba(220, 38, 38, 0.35);
    --gradient-brand: linear-gradient(135deg, #0ea5e9 0%, #38bdf8 100%);
    --gradient-dark: linear-gradient(145deg, #0c4a6e 0%, #051525 50%, #030f1a 100%);
}

[data-theme="forest"][data-mode="light"] {
    --primary: #059669;
    --primary-dark: #047857;
    --primary-glow: rgba(5, 150, 105, 0.25);
    --secondary: #34d399;
    --accent: #10b981;
    --bg: #f0fdf4;
    --card: #ffffff;
    --text: #14532d;
    --muted: #64748b;
    --border: #bbf7d0;
    --sidebar: #064e3b;
    --sidebar-text: #a7f3d0;
    --input-bg: #ffffff;
    --surface-muted: #f8fafc;
    --highlight-bg: linear-gradient(135deg, #ecfdf5, #fff);
    --alert-success-bg: #ecfdf5;
    --alert-success-border: #a7f3d0;
    --alert-error-bg: #fef2f2;
    --alert-error-border: #fecaca;
    --gradient-brand: linear-gradient(135deg, #059669 0%, #34d399 100%);
    --gradient-dark: linear-gradient(145deg, #064e3b 0%, #022c22 50%, #011a14 100%);
}

[data-theme="forest"][data-mode="dark"] {
    --primary: #34d399;
    --primary-dark: #10b981;
    --primary-glow: rgba(52, 211, 153, 0.25);
    --secondary: #6ee7b7;
    --accent: #2dd4bf;
    --bg: #071911;
    --card: #0f2e22;
    --text: #d1fae5;
    --muted: #94a3b8;
    --border: #1a4032;
    --sidebar: #041510;
    --sidebar-text: #86efac;
    --input-bg: #0a2219;
    --surface-muted: #0a2219;
    --highlight-bg: linear-gradient(135deg, rgba(5,150,105,0.15), rgba(15,46,34,1));
    --alert-success-bg: rgba(5, 150, 105, 0.15);
    --alert-success-border: rgba(5, 150, 105, 0.35);
    --alert-error-bg: rgba(220, 38, 38, 0.15);
    --alert-error-border: rgba(220, 38, 38, 0.35);
    --gradient-brand: linear-gradient(135deg, #059669 0%, #34d399 100%);
    --gradient-dark: linear-gradient(145deg, #064e3b 0%, #041510 50%, #020d09 100%);
}

[data-theme="royal"][data-mode="light"] {
    --primary: #7c3aed;
    --primary-dark: #6d28d9;
    --primary-glow: rgba(124, 58, 237, 0.25);
    --secondary: #a78bfa;
    --accent: #c084fc;
    --bg: #faf5ff;
    --card: #ffffff;
    --text: #3b0764;
    --muted: #64748b;
    --border: #e9d5ff;
    --sidebar: #4c1d95;
    --sidebar-text: #ddd6fe;
    --input-bg: #ffffff;
    --surface-muted: #fafafa;
    --highlight-bg: linear-gradient(135deg, #f5f3ff, #fff);
    --alert-success-bg: #ecfdf5;
    --alert-success-border: #a7f3d0;
    --alert-error-bg: #fef2f2;
    --alert-error-border: #fecaca;
    --gradient-brand: linear-gradient(135deg, #7c3aed 0%, #a78bfa 100%);
    --gradient-dark: linear-gradient(145deg, #4c1d95 0%, #2e1065 50%, #1a0640 100%);
}

[data-theme="royal"][data-mode="dark"] {
    --primary: #a78bfa;
    --primary-dark: #8b5cf6;
    --primary-glow: rgba(167, 139, 250, 0.25);
    --secondary: #c4b5fd;
    --accent: #e879f9;
    --bg: #12061f;
    --card: #1f1035;
    --text: #ede9fe;
    --muted: #94a3b8;
    --border: #3b2667;
    --sidebar: #0a0318;
    --sidebar-text: #c4b5fd;
    --input-bg: #160a28;
    --surface-muted: #160a28;
    --highlight-bg: linear-gradient(135deg, rgba(124,58,237,0.15), rgba(31,16,53,1));
    --alert-success-bg: rgba(5, 150, 105, 0.15);
    --alert-success-border: rgba(5, 150, 105, 0.35);
    --alert-error-bg: rgba(220, 38, 38, 0.15);
    --alert-error-border: rgba(220, 38, 38, 0.35);
    --gradient-brand: linear-gradient(135deg, #7c3aed 0%, #a78bfa 100%);
    --gradient-dark: linear-gradient(145deg, #4c1d95 0%, #0a0318 50%, #05010f 100%);
}

[data-mode="dark"] .form-row input,
[data-mode="dark"] .form-row textarea,
[data-mode="dark"] .form-row select,
[data-mode="dark"] .media-file-input,
[data-mode="dark"] .media-path-input,
[data-mode="dark"] .form-field input {
    background: var(--input-bg);
    color: var(--text);
}

[data-mode="dark"] .permission-group,
[data-mode="dark"] .icon-picker-grid,
[data-mode="dark"] .permission-item,
[data-mode="dark"] .icon-picker-item,
[data-mode="dark"] .media-preview,
[data-mode="dark"] .auth-panel {
    background: var(--surface-muted);
    color: var(--text);
}

[data-mode="dark"] .icon-picker-label {
    color: var(--text);
}

[data-mode="dark"] .message-preview {
    color: var(--muted);
}

[data-mode="dark"] .badge-new { background: rgba(29, 78, 216, 0.2); color: #93c5fd; }
[data-mode="dark"] .badge-read { background: rgba(100, 116, 139, 0.2); color: #cbd5e1; }
[data-mode="dark"] .badge-replied { background: rgba(5, 150, 105, 0.2); color: #6ee7b7; }

[data-mode="dark"] .auth-demo {
    background: var(--surface-muted);
    color: var(--muted);
}

[data-mode="dark"] .form-field label,
[data-mode="dark"] .form-row label {
    color: var(--text);
}