/* =============================================
   DATA PARTNER — Theme Definitions
   8 Themes | Light Default | WCAG AA Text
   ============================================= */

/* ===== LIGHT THEME (DEFAULT) ===== */
:root,
[data-theme="light"] {
  --theme-name: 'light';
  
  /* Backgrounds */
  --bg-deep: #f0f2f5;
  --bg-primary: #ffffff;
  --bg-secondary: #f8f9fc;
  --bg-card: #ffffff;
  --bg-sub-navbar: rgba(255, 255, 255, 0.82);
  
  /* Accent Colors */
  --accent-primary: #0891b2;
  --accent-secondary: #7c3aed;
  --accent-tertiary: #c026d3;
  --neon-cyan: #0891b2;
  --neon-magenta: #c026d3;
  --neon-purple: #7c3aed;
  --neon-blue: #2563eb;
  --neon-green: #059669;
  --neon-orange: #ea580c;
  --neon-pink: #db2777;
  
  /* Glass */
  --glass-bg: rgba(255, 255, 255, 0.72);
  --glass-bg-hover: rgba(255, 255, 255, 0.88);
  --glass-bg-active: rgba(255, 255, 255, 0.95);
  --glass-border: rgba(0, 0, 0, 0.08);
  --glass-border-hover: rgba(0, 0, 0, 0.15);
  --glass-border-active: rgba(8, 145, 178, 0.4);
  --glass-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  --glass-shadow-hover: 0 8px 24px rgba(0, 0, 0, 0.1);
  --glass-blur: 20px;
  --glass-saturate: 180%;
  --accent-glow: rgba(8, 145, 178, 0.25);
  --liquid-ease: cubic-bezier(0.34, 1.56, 0.64, 1);
  
  /* Text — WCAG AA on white bg */
  --text-primary: #1a1a2e;
  --text-secondary: #4a5568;
  --text-muted: #718096;
  --text-accent: #0891b2;
  --text-on-accent: #ffffff;
  
  /* Status */
  --status-success: #059669;
  --status-warning: #d97706;
  --status-error: #dc2626;
  --status-info: #2563eb;
  --status-pending: #d97706;
  
  /* Gradients */
  --gradient-primary: linear-gradient(135deg, #0891b2 0%, #7c3aed 50%, #c026d3 100%);
  --gradient-accent: linear-gradient(135deg, #0891b2 0%, #2563eb 100%);
  --gradient-card: linear-gradient(135deg, rgba(8, 145, 178, 0.03) 0%, rgba(124, 58, 237, 0.03) 100%);
  --gradient-bg: linear-gradient(180deg, #f0f2f5 0%, #ffffff 50%, #f0f2f5 100%);
  
  /* Glow */
  --glow-accent: 0 2px 12px rgba(8, 145, 178, 0.15);
  --glow-sm: 0 1px 6px rgba(8, 145, 178, 0.1);
  --glow-lg: 0 4px 20px rgba(8, 145, 178, 0.15);
  
  /* Liquid Blob Colors */
  --blob-color-1: rgba(8, 145, 178, 0.06);
  --blob-color-2: rgba(124, 58, 237, 0.05);
  --blob-color-3: rgba(192, 38, 211, 0.04);
  
  /* Particles */
  --particle-opacity: 0;
  
  /* Scrollbar */
  --scrollbar-track: rgba(0, 0, 0, 0.05);
  --scrollbar-thumb: linear-gradient(180deg, #0891b2 0%, #7c3aed 100%);
  --scrollbar-thumb-hover: linear-gradient(180deg, #06b6d4 0%, #a855f7 100%);
  --scrollbar-glow: rgba(8, 145, 178, 0.5);
  
  /* Navbar */
  --navbar-bg: rgba(255, 255, 255, 0.92);
  --navbar-border: rgba(0, 0, 0, 0.08);
  --navbar-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  
  /* Cards */
  --card-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
  --card-shadow-hover: 0 4px 12px rgba(0, 0, 0, 0.08);
  --card-shimmer: rgba(0, 0, 0, 0.03);
  
  /* Forms */
  --input-bg: rgba(0, 0, 0, 0.02);
  --input-border: rgba(0, 0, 0, 0.12);
  --input-bg-focus: rgba(8, 145, 178, 0.03);
  --input-focus-shadow: 0 0 0 3px rgba(8, 145, 178, 0.1);
  
  /* Table */
  --table-header-bg: rgba(8, 145, 178, 0.04);
  --table-row-hover: rgba(8, 145, 178, 0.03);
  --table-border: rgba(0, 0, 0, 0.06);
  
  /* Dropdown */
  --dropdown-bg: rgba(255, 255, 255, 0.98);
  --dropdown-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
  
  /* Modal */
  --modal-overlay: rgba(0, 0, 0, 0.4);
  --modal-bg: #ffffff;
}

/* ===== DARK THEME ===== */
[data-theme="dark"] {
  --theme-name: 'dark';
  --bg-deep: #050816; --bg-primary: #0a0e27; --bg-secondary: #0f1538;
  --bg-card: #111842; --bg-sub-navbar: rgba(10, 14, 39, 0.85);
  --accent-primary: #00f5ff; --accent-secondary: #a855f7; --accent-tertiary: #ff00ff;
  --neon-cyan: #00f5ff; --neon-magenta: #ff00ff; --neon-purple: #a855f7;
  --neon-blue: #3b82f6; --neon-green: #00ff88; --neon-orange: #ff6b35; --neon-pink: #ff2d95;
  --glass-bg: rgba(15, 21, 56, 0.45); --glass-bg-hover: rgba(15, 21, 56, 0.65); --glass-bg-active: rgba(15, 21, 56, 0.8);
  --glass-border: rgba(0, 245, 255, 0.12); --glass-border-hover: rgba(0, 245, 255, 0.3); --glass-border-active: rgba(0, 245, 255, 0.5);
  --glass-shadow: 0 2px 12px rgba(0, 0, 0, 0.3); --glass-shadow-hover: 0 8px 32px rgba(0, 0, 0, 0.5);
  --glass-blur: 24px; --glass-saturate: 150%;
  --accent-glow: rgba(0, 245, 255, 0.3); --liquid-ease: cubic-bezier(0.34, 1.56, 0.64, 1);
  --text-primary: #f0f4ff; --text-secondary: #94a3c8; --text-muted: #5b6b8c;
  --text-accent: #00f5ff; --text-on-accent: #050816;
  --status-success: #00ff88; --status-warning: #ffb800; --status-error: #ff4d6a;
  --status-info: #00b4ff; --status-pending: #ffb800;
  --gradient-primary: linear-gradient(135deg, #00f5ff 0%, #a855f7 50%, #ff00ff 100%);
  --gradient-accent: linear-gradient(135deg, #00f5ff 0%, #3b82f6 100%);
  --gradient-card: linear-gradient(135deg, rgba(0, 245, 255, 0.05) 0%, rgba(168, 85, 247, 0.05) 100%);
  --gradient-bg: linear-gradient(180deg, #050816 0%, #0a0e27 50%, #050816 100%);
  --glow-accent: 0 2px 15px rgba(0, 245, 255, 0.25); --glow-sm: 0 1px 8px rgba(0, 245, 255, 0.15);
  --glow-lg: 0 4px 25px rgba(0, 245, 255, 0.25);
  --blob-color-1: rgba(0, 245, 255, 0.08); --blob-color-2: rgba(168, 85, 247, 0.06);
  --blob-color-3: rgba(255, 0, 255, 0.05);
  --particle-opacity: 0.4;
  --scrollbar-track: rgba(5, 8, 22, 0.7);
  --scrollbar-thumb: linear-gradient(180deg, #00f5ff 0%, #a855f7 100%);
  --scrollbar-thumb-hover: linear-gradient(180deg, #00f5ff 0%, #ff00ff 100%);
  --scrollbar-glow: rgba(0, 245, 255, 0.7);
  --navbar-bg: rgba(10, 14, 39, 0.92); --navbar-border: rgba(0, 245, 255, 0.08);
  --navbar-shadow: 0 2px 15px rgba(0, 245, 255, 0.08);
  --card-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); --card-shadow-hover: 0 8px 24px rgba(0, 245, 255, 0.08);
  --card-shimmer: rgba(0, 245, 255, 0.03);
  --input-bg: rgba(0, 245, 255, 0.03); --input-border: rgba(0, 245, 255, 0.1);
  --input-bg-focus: rgba(0, 245, 255, 0.06); --input-focus-shadow: 0 0 0 3px rgba(0, 245, 255, 0.12);
  --table-header-bg: rgba(0, 245, 255, 0.06); --table-row-hover: rgba(0, 245, 255, 0.03);
  --table-border: rgba(0, 245, 255, 0.06);
  --dropdown-bg: rgba(15, 21, 56, 0.98); --dropdown-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
  --modal-overlay: rgba(0, 0, 0, 0.6); --modal-bg: #0f1538;
}

/* ===== OCEAN THEME ===== */
[data-theme="ocean"] {
  --theme-name: 'ocean';
  --bg-deep: #0a1628; --bg-primary: #0c2341; --bg-secondary: #103050;
  --bg-card: #133d5e; --bg-sub-navbar: rgba(12, 35, 65, 0.85);
  --accent-primary: #22d3ee; --accent-secondary: #06b6d4; --accent-tertiary: #0ea5e9;
  --neon-cyan: #22d3ee; --neon-magenta: #e879f9; --neon-purple: #818cf8;
  --neon-blue: #38bdf8; --neon-green: #34d399; --neon-orange: #fb923c; --neon-pink: #f472b6;
  --glass-bg: rgba(12, 35, 65, 0.5); --glass-bg-hover: rgba(12, 35, 65, 0.7); --glass-bg-active: rgba(12, 35, 65, 0.85);
  --glass-border: rgba(34, 211, 238, 0.15); --glass-border-hover: rgba(34, 211, 238, 0.3); --glass-border-active: rgba(34, 211, 238, 0.5);
  --glass-shadow: 0 2px 12px rgba(0, 20, 50, 0.25); --glass-shadow-hover: 0 8px 32px rgba(0, 20, 50, 0.4);
  --glass-blur: 22px; --glass-saturate: 160%;
  --accent-glow: rgba(34, 211, 238, 0.3); --liquid-ease: cubic-bezier(0.34, 1.56, 0.64, 1);
  --text-primary: #e8f4f8; --text-secondary: #7eb8d0; --text-muted: #4a8ba3;
  --text-accent: #22d3ee; --text-on-accent: #0a1628;
  --status-success: #34d399; --status-warning: #fbbf24; --status-error: #f87171;
  --status-info: #38bdf8; --status-pending: #fbbf24;
  --gradient-primary: linear-gradient(135deg, #22d3ee 0%, #06b6d4 50%, #0ea5e9 100%);
  --gradient-accent: linear-gradient(135deg, #22d3ee 0%, #38bdf8 100%);
  --gradient-card: linear-gradient(135deg, rgba(34, 211, 238, 0.05) 0%, rgba(6, 182, 212, 0.05) 100%);
  --gradient-bg: linear-gradient(180deg, #0a1628 0%, #0c2341 50%, #0a1628 100%);
  --glow-accent: 0 2px 15px rgba(34, 211, 238, 0.2); --glow-sm: 0 1px 8px rgba(34, 211, 238, 0.12);
  --glow-lg: 0 4px 25px rgba(34, 211, 238, 0.2);
  --blob-color-1: rgba(34, 211, 238, 0.08); --blob-color-2: rgba(6, 182, 212, 0.06);
  --blob-color-3: rgba(14, 165, 233, 0.05);
  --particle-opacity: 0.3;
  --scrollbar-track: rgba(10, 22, 40, 0.7);
  --scrollbar-thumb: linear-gradient(180deg, #22d3ee 0%, #38bdf8 100%);
  --scrollbar-thumb-hover: linear-gradient(180deg, #38bdf8 0%, #06b6d4 100%);
  --scrollbar-glow: rgba(34, 211, 238, 0.7);
  --navbar-bg: rgba(12, 35, 65, 0.92); --navbar-border: rgba(34, 211, 238, 0.1);
  --navbar-shadow: 0 2px 12px rgba(0, 20, 50, 0.15);
  --card-shadow: 0 2px 6px rgba(0, 20, 50, 0.2); --card-shadow-hover: 0 8px 20px rgba(34, 211, 238, 0.08);
  --card-shimmer: rgba(34, 211, 238, 0.03);
  --input-bg: rgba(34, 211, 238, 0.04); --input-border: rgba(34, 211, 238, 0.12);
  --input-bg-focus: rgba(34, 211, 238, 0.06); --input-focus-shadow: 0 0 0 3px rgba(34, 211, 238, 0.12);
  --table-header-bg: rgba(34, 211, 238, 0.06); --table-row-hover: rgba(34, 211, 238, 0.03);
  --table-border: rgba(34, 211, 238, 0.06);
  --dropdown-bg: rgba(12, 35, 65, 0.98); --dropdown-shadow: 0 8px 24px rgba(0, 20, 50, 0.35);
  --modal-overlay: rgba(0, 10, 25, 0.6); --modal-bg: #103050;
}

/* ===== SUNSET THEME ===== */
[data-theme="sunset"] {
  --theme-name: 'sunset';
  --bg-deep: #1a0a04; --bg-primary: #2d1408; --bg-secondary: #3d1c0c;
  --bg-card: #4a2210; --bg-sub-navbar: rgba(45, 20, 8, 0.85);
  --accent-primary: #fb923c; --accent-secondary: #f97316; --accent-tertiary: #ef4444;
  --neon-cyan: #fb923c; --neon-magenta: #f472b6; --neon-purple: #c084fc;
  --neon-blue: #60a5fa; --neon-green: #4ade80; --neon-orange: #fb923c; --neon-pink: #fb7185;
  --glass-bg: rgba(45, 20, 8, 0.5); --glass-bg-hover: rgba(45, 20, 8, 0.7); --glass-bg-active: rgba(45, 20, 8, 0.85);
  --glass-border: rgba(251, 146, 60, 0.15); --glass-border-hover: rgba(251, 146, 60, 0.3); --glass-border-active: rgba(251, 146, 60, 0.5);
  --glass-shadow: 0 2px 12px rgba(20, 5, 0, 0.25); --glass-shadow-hover: 0 8px 32px rgba(20, 5, 0, 0.4);
  --glass-blur: 22px; --glass-saturate: 160%;
  --accent-glow: rgba(251, 146, 60, 0.3); --liquid-ease: cubic-bezier(0.34, 1.56, 0.64, 1);
  --text-primary: #fef3c7; --text-secondary: #d4a574; --text-muted: #9a7050;
  --text-accent: #fb923c; --text-on-accent: #1a0a04;
  --status-success: #4ade80; --status-warning: #fbbf24; --status-error: #f87171;
  --status-info: #60a5fa; --status-pending: #fbbf24;
  --gradient-primary: linear-gradient(135deg, #fb923c 0%, #f97316 50%, #ef4444 100%);
  --gradient-accent: linear-gradient(135deg, #fb923c 0%, #f59e0b 100%);
  --gradient-card: linear-gradient(135deg, rgba(251, 146, 60, 0.05) 0%, rgba(249, 115, 22, 0.05) 100%);
  --gradient-bg: linear-gradient(180deg, #1a0a04 0%, #2d1408 50%, #1a0a04 100%);
  --glow-accent: 0 2px 15px rgba(251, 146, 60, 0.2); --glow-sm: 0 1px 8px rgba(251, 146, 60, 0.12);
  --glow-lg: 0 4px 25px rgba(251, 146, 60, 0.2);
  --blob-color-1: rgba(251, 146, 60, 0.08); --blob-color-2: rgba(249, 115, 22, 0.06);
  --blob-color-3: rgba(239, 68, 68, 0.05);
  --particle-opacity: 0.3;
  --scrollbar-track: rgba(26, 10, 4, 0.7);
  --scrollbar-thumb: linear-gradient(180deg, #fb923c 0%, #f97316 100%);
  --scrollbar-thumb-hover: linear-gradient(180deg, #f97316 0%, #ef4444 100%);
  --scrollbar-glow: rgba(251, 146, 60, 0.7);
  --navbar-bg: rgba(45, 20, 8, 0.92); --navbar-border: rgba(251, 146, 60, 0.1);
  --navbar-shadow: 0 2px 12px rgba(20, 5, 0, 0.15);
  --card-shadow: 0 2px 6px rgba(20, 5, 0, 0.2); --card-shadow-hover: 0 8px 20px rgba(251, 146, 60, 0.08);
  --card-shimmer: rgba(251, 146, 60, 0.03);
  --input-bg: rgba(251, 146, 60, 0.04); --input-border: rgba(251, 146, 60, 0.12);
  --input-bg-focus: rgba(251, 146, 60, 0.06); --input-focus-shadow: 0 0 0 3px rgba(251, 146, 60, 0.12);
  --table-header-bg: rgba(251, 146, 60, 0.06); --table-row-hover: rgba(251, 146, 60, 0.03);
  --table-border: rgba(251, 146, 60, 0.06);
  --dropdown-bg: rgba(45, 20, 8, 0.98); --dropdown-shadow: 0 8px 24px rgba(20, 5, 0, 0.35);
  --modal-overlay: rgba(15, 5, 0, 0.6); --modal-bg: #3d1c0c;
}

/* ===== FOREST THEME ===== */
[data-theme="forest"] {
  --theme-name: 'forest';
  --bg-deep: #04120a; --bg-primary: #0a1f14; --bg-secondary: #102d1c;
  --bg-card: #153a24; --bg-sub-navbar: rgba(10, 31, 20, 0.85);
  --accent-primary: #4ade80; --accent-secondary: #22c55e; --accent-tertiary: #10b981;
  --neon-cyan: #4ade80; --neon-magenta: #e879f9; --neon-purple: #a78bfa;
  --neon-blue: #38bdf8; --neon-green: #4ade80; --neon-orange: #fb923c; --neon-pink: #f472b6;
  --glass-bg: rgba(10, 31, 20, 0.5); --glass-bg-hover: rgba(10, 31, 20, 0.7); --glass-bg-active: rgba(10, 31, 20, 0.85);
  --glass-border: rgba(74, 222, 128, 0.15); --glass-border-hover: rgba(74, 222, 128, 0.3); --glass-border-active: rgba(74, 222, 128, 0.5);
  --glass-shadow: 0 2px 12px rgba(0, 15, 5, 0.25); --glass-shadow-hover: 0 8px 32px rgba(0, 15, 5, 0.4);
  --glass-blur: 22px; --glass-saturate: 160%;
  --accent-glow: rgba(74, 222, 128, 0.3); --liquid-ease: cubic-bezier(0.34, 1.56, 0.64, 1);
  --text-primary: #ecfdf5; --text-secondary: #86d4a2; --text-muted: #4a9a6e;
  --text-accent: #4ade80; --text-on-accent: #04120a;
  --status-success: #4ade80; --status-warning: #fbbf24; --status-error: #f87171;
  --status-info: #38bdf8; --status-pending: #fbbf24;
  --gradient-primary: linear-gradient(135deg, #4ade80 0%, #22c55e 50%, #10b981 100%);
  --gradient-accent: linear-gradient(135deg, #4ade80 0%, #34d399 100%);
  --gradient-card: linear-gradient(135deg, rgba(74, 222, 128, 0.05) 0%, rgba(34, 197, 94, 0.05) 100%);
  --gradient-bg: linear-gradient(180deg, #04120a 0%, #0a1f14 50%, #04120a 100%);
  --glow-accent: 0 2px 15px rgba(74, 222, 128, 0.2); --glow-sm: 0 1px 8px rgba(74, 222, 128, 0.12);
  --glow-lg: 0 4px 25px rgba(74, 222, 128, 0.2);
  --blob-color-1: rgba(74, 222, 128, 0.08); --blob-color-2: rgba(34, 197, 94, 0.06);
  --blob-color-3: rgba(16, 185, 129, 0.05);
  --particle-opacity: 0.3;
  --scrollbar-track: rgba(4, 18, 10, 0.7);
  --scrollbar-thumb: linear-gradient(180deg, #4ade80 0%, #10b981 100%);
  --scrollbar-thumb-hover: linear-gradient(180deg, #22c55e 0%, #059669 100%);
  --scrollbar-glow: rgba(74, 222, 128, 0.7);
  --navbar-bg: rgba(10, 31, 20, 0.92); --navbar-border: rgba(74, 222, 128, 0.1);
  --navbar-shadow: 0 2px 12px rgba(0, 15, 5, 0.15);
  --card-shadow: 0 2px 6px rgba(0, 15, 5, 0.2); --card-shadow-hover: 0 8px 20px rgba(74, 222, 128, 0.08);
  --card-shimmer: rgba(74, 222, 128, 0.03);
  --input-bg: rgba(74, 222, 128, 0.04); --input-border: rgba(74, 222, 128, 0.12);
  --input-bg-focus: rgba(74, 222, 128, 0.06); --input-focus-shadow: 0 0 0 3px rgba(74, 222, 128, 0.12);
  --table-header-bg: rgba(74, 222, 128, 0.06); --table-row-hover: rgba(74, 222, 128, 0.03);
  --table-border: rgba(74, 222, 128, 0.06);
  --dropdown-bg: rgba(10, 31, 20, 0.98); --dropdown-shadow: 0 8px 24px rgba(0, 15, 5, 0.35);
  --modal-overlay: rgba(0, 8, 3, 0.6); --modal-bg: #102d1c;
}

/* ===== ROYAL THEME ===== */
[data-theme="royal"] {
  --theme-name: 'royal';
  --bg-deep: #0c0820; --bg-primary: #150f35; --bg-secondary: #1e164a;
  --bg-card: #271d5e; --bg-sub-navbar: rgba(21, 15, 53, 0.85);
  --accent-primary: #a78bfa; --accent-secondary: #8b5cf6; --accent-tertiary: #7c3aed;
  --neon-cyan: #a78bfa; --neon-magenta: #e879f9; --neon-purple: #a78bfa;
  --neon-blue: #818cf8; --neon-green: #4ade80; --neon-orange: #fb923c; --neon-pink: #f472b6;
  --glass-bg: rgba(21, 15, 53, 0.5); --glass-bg-hover: rgba(21, 15, 53, 0.7); --glass-bg-active: rgba(21, 15, 53, 0.85);
  --glass-border: rgba(167, 139, 250, 0.15); --glass-border-hover: rgba(167, 139, 250, 0.3); --glass-border-active: rgba(167, 139, 250, 0.5);
  --glass-shadow: 0 2px 12px rgba(10, 5, 25, 0.3); --glass-shadow-hover: 0 8px 32px rgba(10, 5, 25, 0.45);
  --glass-blur: 22px; --glass-saturate: 160%;
  --accent-glow: rgba(167, 139, 250, 0.3); --liquid-ease: cubic-bezier(0.34, 1.56, 0.64, 1);
  --text-primary: #f0e8ff; --text-secondary: #a090d0; --text-muted: #6a5aa0;
  --text-accent: #a78bfa; --text-on-accent: #0c0820;
  --status-success: #4ade80; --status-warning: #fbbf24; --status-error: #f87171;
  --status-info: #818cf8; --status-pending: #fbbf24;
  --gradient-primary: linear-gradient(135deg, #a78bfa 0%, #8b5cf6 50%, #7c3aed 100%);
  --gradient-accent: linear-gradient(135deg, #a78bfa 0%, #818cf8 100%);
  --gradient-card: linear-gradient(135deg, rgba(167, 139, 250, 0.05) 0%, rgba(139, 92, 246, 0.05) 100%);
  --gradient-bg: linear-gradient(180deg, #0c0820 0%, #150f35 50%, #0c0820 100%);
  --glow-accent: 0 2px 15px rgba(167, 139, 250, 0.2); --glow-sm: 0 1px 8px rgba(167, 139, 250, 0.12);
  --glow-lg: 0 4px 25px rgba(167, 139, 250, 0.2);
  --blob-color-1: rgba(167, 139, 250, 0.08); --blob-color-2: rgba(139, 92, 246, 0.06);
  --blob-color-3: rgba(124, 58, 237, 0.05);
  --particle-opacity: 0.3;
  --scrollbar-track: rgba(12, 8, 32, 0.7);
  --scrollbar-thumb: linear-gradient(180deg, #a78bfa 0%, #8b5cf6 100%);
  --scrollbar-thumb-hover: linear-gradient(180deg, #8b5cf6 0%, #c084fc 100%);
  --scrollbar-glow: rgba(167, 139, 250, 0.7);
  --navbar-bg: rgba(21, 15, 53, 0.92); --navbar-border: rgba(167, 139, 250, 0.1);
  --navbar-shadow: 0 2px 12px rgba(10, 5, 25, 0.15);
  --card-shadow: 0 2px 6px rgba(10, 5, 25, 0.25); --card-shadow-hover: 0 8px 20px rgba(167, 139, 250, 0.08);
  --card-shimmer: rgba(167, 139, 250, 0.03);
  --input-bg: rgba(167, 139, 250, 0.04); --input-border: rgba(167, 139, 250, 0.12);
  --input-bg-focus: rgba(167, 139, 250, 0.06); --input-focus-shadow: 0 0 0 3px rgba(167, 139, 250, 0.12);
  --table-header-bg: rgba(167, 139, 250, 0.06); --table-row-hover: rgba(167, 139, 250, 0.03);
  --table-border: rgba(167, 139, 250, 0.06);
  --dropdown-bg: rgba(21, 15, 53, 0.98); --dropdown-shadow: 0 8px 24px rgba(10, 5, 25, 0.4);
  --modal-overlay: rgba(5, 2, 15, 0.6); --modal-bg: #1e164a;
}

/* ===== ROSE THEME ===== */
[data-theme="rose"] {
  --theme-name: 'rose';
  --bg-deep: #1a0610; --bg-primary: #2d0c1e; --bg-secondary: #3d1228;
  --bg-card: #4a1630; --bg-sub-navbar: rgba(45, 12, 30, 0.85);
  --accent-primary: #fb7185; --accent-secondary: #f43f5e; --accent-tertiary: #e11d48;
  --neon-cyan: #fb7185; --neon-magenta: #fb7185; --neon-purple: #c084fc;
  --neon-blue: #60a5fa; --neon-green: #4ade80; --neon-orange: #fb923c; --neon-pink: #fb7185;
  --glass-bg: rgba(45, 12, 30, 0.5); --glass-bg-hover: rgba(45, 12, 30, 0.7); --glass-bg-active: rgba(45, 12, 30, 0.85);
  --glass-border: rgba(251, 113, 133, 0.15); --glass-border-hover: rgba(251, 113, 133, 0.3); --glass-border-active: rgba(251, 113, 133, 0.5);
  --glass-shadow: 0 2px 12px rgba(20, 3, 8, 0.25); --glass-shadow-hover: 0 8px 32px rgba(20, 3, 8, 0.4);
  --glass-blur: 22px; --glass-saturate: 160%;
  --accent-glow: rgba(251, 113, 133, 0.3); --liquid-ease: cubic-bezier(0.34, 1.56, 0.64, 1);
  --text-primary: #fff1f2; --text-secondary: #d4808e; --text-muted: #9a5060;
  --text-accent: #fb7185; --text-on-accent: #1a0610;
  --status-success: #4ade80; --status-warning: #fbbf24; --status-error: #f87171;
  --status-info: #60a5fa; --status-pending: #fbbf24;
  --gradient-primary: linear-gradient(135deg, #fb7185 0%, #f43f5e 50%, #e11d48 100%);
  --gradient-accent: linear-gradient(135deg, #fb7185 0%, #f472b6 100%);
  --gradient-card: linear-gradient(135deg, rgba(251, 113, 133, 0.05) 0%, rgba(244, 63, 94, 0.05) 100%);
  --gradient-bg: linear-gradient(180deg, #1a0610 0%, #2d0c1e 50%, #1a0610 100%);
  --glow-accent: 0 2px 15px rgba(251, 113, 133, 0.2); --glow-sm: 0 1px 8px rgba(251, 113, 133, 0.12);
  --glow-lg: 0 4px 25px rgba(251, 113, 133, 0.2);
  --blob-color-1: rgba(251, 113, 133, 0.08); --blob-color-2: rgba(244, 63, 94, 0.06);
  --blob-color-3: rgba(225, 29, 72, 0.05);
  --particle-opacity: 0.3;
  --scrollbar-track: rgba(26, 6, 16, 0.7);
  --scrollbar-thumb: linear-gradient(180deg, #fb7185 0%, #f43f5e 100%);
  --scrollbar-thumb-hover: linear-gradient(180deg, #f43f5e 0%, #e11d48 100%);
  --scrollbar-glow: rgba(251, 113, 133, 0.7);
  --navbar-bg: rgba(45, 12, 30, 0.92); --navbar-border: rgba(251, 113, 133, 0.1);
  --navbar-shadow: 0 2px 12px rgba(20, 3, 8, 0.15);
  --card-shadow: 0 2px 6px rgba(20, 3, 8, 0.2); --card-shadow-hover: 0 8px 20px rgba(251, 113, 133, 0.08);
  --card-shimmer: rgba(251, 113, 133, 0.03);
  --input-bg: rgba(251, 113, 133, 0.04); --input-border: rgba(251, 113, 133, 0.12);
  --input-bg-focus: rgba(251, 113, 133, 0.06); --input-focus-shadow: 0 0 0 3px rgba(251, 113, 133, 0.12);
  --table-header-bg: rgba(251, 113, 133, 0.06); --table-row-hover: rgba(251, 113, 133, 0.03);
  --table-border: rgba(251, 113, 133, 0.06);
  --dropdown-bg: rgba(45, 12, 30, 0.98); --dropdown-shadow: 0 8px 24px rgba(20, 3, 8, 0.35);
  --modal-overlay: rgba(10, 2, 5, 0.6); --modal-bg: #3d1228;
}

/* ===== MIDNIGHT THEME ===== */
[data-theme="midnight"] {
  --theme-name: 'midnight';
  --bg-deep: #020617; --bg-primary: #0f172a; --bg-secondary: #1e1b4b;
  --bg-card: #1e293b; --bg-sub-navbar: rgba(15, 23, 42, 0.88);
  --accent-primary: #6366f1; --accent-secondary: #4f46e5; --accent-tertiary: #4338ca;
  --neon-cyan: #6366f1; --neon-magenta: #e879f9; --neon-purple: #8b5cf6;
  --neon-blue: #60a5fa; --neon-green: #4ade80; --neon-orange: #fb923c; --neon-pink: #f472b6;
  --glass-bg: rgba(15, 23, 42, 0.55); --glass-bg-hover: rgba(15, 23, 42, 0.72); --glass-bg-active: rgba(15, 23, 42, 0.88);
  --glass-border: rgba(99, 102, 241, 0.12); --glass-border-hover: rgba(99, 102, 241, 0.28); --glass-border-active: rgba(99, 102, 241, 0.48);
  --glass-shadow: 0 2px 12px rgba(0, 0, 15, 0.35); --glass-shadow-hover: 0 8px 32px rgba(0, 0, 15, 0.55);
  --glass-blur: 24px; --glass-saturate: 150%;
  --accent-glow: rgba(99, 102, 241, 0.3); --liquid-ease: cubic-bezier(0.34, 1.56, 0.64, 1);
  --text-primary: #e2e8f0; --text-secondary: #94a3b8; --text-muted: #64748b;
  --text-accent: #6366f1; --text-on-accent: #020617;
  --status-success: #4ade80; --status-warning: #fbbf24; --status-error: #f87171;
  --status-info: #60a5fa; --status-pending: #fbbf24;
  --gradient-primary: linear-gradient(135deg, #6366f1 0%, #4f46e5 50%, #4338ca 100%);
  --gradient-accent: linear-gradient(135deg, #6366f1 0%, #818cf8 100%);
  --gradient-card: linear-gradient(135deg, rgba(99, 102, 241, 0.05) 0%, rgba(79, 70, 229, 0.05) 100%);
  --gradient-bg: linear-gradient(180deg, #020617 0%, #0f172a 50%, #020617 100%);
  --glow-accent: 0 2px 15px rgba(99, 102, 241, 0.2); --glow-sm: 0 1px 8px rgba(99, 102, 241, 0.12);
  --glow-lg: 0 4px 25px rgba(99, 102, 241, 0.2);
  --blob-color-1: rgba(99, 102, 241, 0.08); --blob-color-2: rgba(79, 70, 229, 0.06);
  --blob-color-3: rgba(67, 56, 202, 0.05);
  --particle-opacity: 0.35;
  --scrollbar-track: rgba(2, 6, 23, 0.7);
  --scrollbar-thumb: linear-gradient(180deg, #6366f1 0%, #818cf8 100%);
  --scrollbar-thumb-hover: linear-gradient(180deg, #818cf8 0%, #4f46e5 100%);
  --scrollbar-glow: rgba(99, 102, 241, 0.7);
  --navbar-bg: rgba(15, 23, 42, 0.92); --navbar-border: rgba(99, 102, 241, 0.08);
  --navbar-shadow: 0 2px 12px rgba(0, 0, 15, 0.2);
  --card-shadow: 0 2px 6px rgba(0, 0, 15, 0.3); --card-shadow-hover: 0 8px 20px rgba(99, 102, 241, 0.08);
  --card-shimmer: rgba(99, 102, 241, 0.03);
  --input-bg: rgba(99, 102, 241, 0.04); --input-border: rgba(99, 102, 241, 0.1);
  --input-bg-focus: rgba(99, 102, 241, 0.06); --input-focus-shadow: 0 0 0 3px rgba(99, 102, 241, 0.12);
  --table-header-bg: rgba(99, 102, 241, 0.06); --table-row-hover: rgba(99, 102, 241, 0.03);
  --table-border: rgba(99, 102, 241, 0.06);
  --dropdown-bg: rgba(15, 23, 42, 0.98); --dropdown-shadow: 0 8px 24px rgba(0, 0, 15, 0.45);
  --modal-overlay: rgba(0, 0, 8, 0.65); --modal-bg: #1e1b4b;
}