/* ═══════════════════════════════════════════
   KODLINK THEME SYSTEM — 12 Color Themes
   Loaded AFTER main.css so these override :root and .dark-theme
   ═══════════════════════════════════════════ */

/* ── 1. BLUE (Default) ── */
html[data-theme="blue"] {
  --p1:#1D4ED8;--p2:#2563EB;--p3:#60A5FA;--p4:#BFDBFE;
  --c1:#0EA5E9;--c2:#22D3EE;--c3:#A5F3FC;
  --accent-indigo:#818CF8;--accent-purple:#8B5CF6;--accent-purple-dark:#7C3AED;--accent-purple-light:#A78BFA;
  --accent-green:#10B981;--accent-green-dark:#059669;--accent-green-light:#34D399;
  --accent-amber:#F59E0B;--accent-amber-dark:#D97706;--accent-amber-light:#FBBF24;
  --error:#EF4444;
  --pg:linear-gradient(135deg,var(--p1),var(--c1));--pg2:linear-gradient(135deg,var(--p2),var(--p3) 45%,var(--c2));
  --gradient-hero:linear-gradient(135deg,#4F46E5,#06B6D4);--gradient-reading:linear-gradient(90deg,var(--p1),var(--c1),var(--s1));
  --glow:rgba(37,99,235,.14);
  --bg-pattern:radial-gradient(900px 520px at 16% -10%,rgba(37,99,235,.16) 0%,transparent 58%),radial-gradient(900px 520px at 84% 0%,rgba(34,211,238,.12) 0%,transparent 58%),radial-gradient(900px 520px at 50% 110%,rgba(16,185,129,.07) 0%,transparent 62%),repeating-radial-gradient(circle at 0 0,rgba(2,6,23,.03) 0 1px,transparent 1px 18px);
}
html[data-theme="blue"].dark-theme {
  --bg:#070812;--bg2:#0C0D1B;--bg3:#12132A;--bg4:#1A1B3A;
  --glow:rgba(124,58,237,.26);--sh-sm:0 14px 46px rgba(0,0,0,.35);
  --bg-pattern:radial-gradient(900px 520px at 10% -10%,rgba(124,58,237,.22) 0%,transparent 55%),radial-gradient(900px 520px at 90% 0%,rgba(34,211,238,.16) 0%,transparent 55%),radial-gradient(900px 520px at 50% 110%,rgba(16,185,129,.14) 0%,transparent 60%),repeating-linear-gradient(90deg,rgba(248,250,252,.06) 0,rgba(248,250,252,.06) 1px,transparent 1px,transparent 40px),repeating-linear-gradient(0deg,rgba(248,250,252,.04) 0,rgba(248,250,252,.04) 1px,transparent 1px,transparent 40px);
}

/* ── 2. EMERALD ── */
html[data-theme="emerald"] {
  --p1:#047857;--p2:#059669;--p3:#6EE7B7;--p4:#A7F3D0;
  --c1:#10B981;--c2:#34D399;--c3:#D1FAE5;
  --accent-indigo:#34D399;--accent-purple:#6EE7B7;--accent-purple-dark:#059669;--accent-purple-light:#A7F3D0;
  --accent-green:#10B981;--accent-green-dark:#047857;--accent-green-light:#6EE7B7;
  --accent-amber:#F59E0B;--accent-amber-dark:#D97706;--accent-amber-light:#FBBF24;
  --error:#EF4444;
  --pg:linear-gradient(135deg,var(--p1),var(--c1));--pg2:linear-gradient(135deg,var(--p2),var(--p3) 45%,var(--c2));
  --gradient-hero:linear-gradient(135deg,#047857,#10B981);--gradient-reading:linear-gradient(90deg,var(--p1),var(--c1),var(--s1));
  --glow:rgba(16,185,129,.14);
  --bg-pattern:radial-gradient(900px 520px at 16% -10%,rgba(16,185,129,.16) 0%,transparent 58%),radial-gradient(900px 520px at 84% 0%,rgba(52,211,153,.12) 0%,transparent 58%),radial-gradient(900px 520px at 50% 110%,rgba(6,182,212,.07) 0%,transparent 62%),repeating-radial-gradient(circle at 0 0,rgba(2,6,23,.03) 0 1px,transparent 1px 18px);
}
html[data-theme="emerald"].dark-theme {
  --bg:#050F0D;--bg2:#0A1A16;--bg3:#0F2420;--bg4:#163028;
  --glow:rgba(16,185,129,.26);--sh-sm:0 14px 46px rgba(0,0,0,.35);
  --bg-pattern:radial-gradient(900px 520px at 10% -10%,rgba(16,185,129,.22) 0%,transparent 55%),radial-gradient(900px 520px at 90% 0%,rgba(52,211,153,.16) 0%,transparent 55%),radial-gradient(900px 520px at 50% 110%,rgba(6,182,212,.14) 0%,transparent 60%),repeating-linear-gradient(90deg,rgba(248,250,252,.06) 0,rgba(248,250,252,.06) 1px,transparent 1px,transparent 40px),repeating-linear-gradient(0deg,rgba(248,250,252,.04) 0,rgba(248,250,252,.04) 1px,transparent 1px,transparent 40px);
}

/* ── 3. PURPLE ── */
html[data-theme="purple"] {
  --p1:#7C3AED;--p2:#8B5CF6;--p3:#C4B5FD;--p4:#EDE9FE;
  --c1:#A78BFA;--c2:#C084FC;--c3:#F3E8FF;
  --accent-indigo:#C084FC;--accent-purple:#8B5CF6;--accent-purple-dark:#7C3AED;--accent-purple-light:#C4B5FD;
  --accent-green:#10B981;--accent-green-dark:#059669;--accent-green-light:#34D399;
  --accent-amber:#F59E0B;--accent-amber-dark:#D97706;--accent-amber-light:#FBBF24;
  --error:#EF4444;
  --pg:linear-gradient(135deg,var(--p1),var(--c1));--pg2:linear-gradient(135deg,var(--p2),var(--p3) 45%,var(--c2));
  --gradient-hero:linear-gradient(135deg,#7C3AED,#A78BFA);--gradient-reading:linear-gradient(90deg,var(--p1),var(--c1),var(--s1));
  --glow:rgba(139,92,246,.14);
  --bg-pattern:radial-gradient(900px 520px at 16% -10%,rgba(139,92,246,.16) 0%,transparent 58%),radial-gradient(900px 520px at 84% 0%,rgba(192,132,252,.12) 0%,transparent 58%),radial-gradient(900px 520px at 50% 110%,rgba(14,165,233,.07) 0%,transparent 62%),repeating-radial-gradient(circle at 0 0,rgba(2,6,23,.03) 0 1px,transparent 1px 18px);
}
html[data-theme="purple"].dark-theme {
  --bg:#0A0715;--bg2:#110E22;--bg3:#1A1535;--bg4:#231E42;
  --glow:rgba(139,92,246,.26);--sh-sm:0 14px 46px rgba(0,0,0,.35);
  --bg-pattern:radial-gradient(900px 520px at 10% -10%,rgba(139,92,246,.22) 0%,transparent 55%),radial-gradient(900px 520px at 90% 0%,rgba(192,132,252,.16) 0%,transparent 55%),radial-gradient(900px 520px at 50% 110%,rgba(14,165,233,.14) 0%,transparent 60%),repeating-linear-gradient(90deg,rgba(248,250,252,.06) 0,rgba(248,250,252,.06) 1px,transparent 1px,transparent 40px),repeating-linear-gradient(0deg,rgba(248,250,252,.04) 0,rgba(248,250,252,.04) 1px,transparent 1px,transparent 40px);
}

/* ── 4. SUNSET ── */
html[data-theme="sunset"] {
  --p1:#EA580C;--p2:#F97316;--p3:#FDBA74;--p4:#FED7AA;
  --c1:#F59E0B;--c2:#FBBF24;--c3:#FEF3C7;
  --accent-indigo:#FB923C;--accent-purple:#F97316;--accent-purple-dark:#EA580C;--accent-purple-light:#FDBA74;
  --accent-green:#10B981;--accent-green-dark:#059669;--accent-green-light:#34D399;
  --accent-amber:#F59E0B;--accent-amber-dark:#D97706;--accent-amber-light:#FBBF24;
  --error:#EF4444;
  --pg:linear-gradient(135deg,var(--p1),var(--c1));--pg2:linear-gradient(135deg,var(--p2),var(--p3) 45%,var(--c2));
  --gradient-hero:linear-gradient(135deg,#EA580C,#F59E0B);--gradient-reading:linear-gradient(90deg,var(--p1),var(--c1),var(--s1));
  --glow:rgba(249,115,22,.14);
  --bg-pattern:radial-gradient(900px 520px at 16% -10%,rgba(249,115,22,.16) 0%,transparent 58%),radial-gradient(900px 520px at 84% 0%,rgba(245,158,11,.12) 0%,transparent 58%),radial-gradient(900px 520px at 50% 110%,rgba(234,88,12,.07) 0%,transparent 62%),repeating-radial-gradient(circle at 0 0,rgba(2,6,23,.03) 0 1px,transparent 1px 18px);
}
html[data-theme="sunset"].dark-theme {
  --bg:#100804;--bg2:#1A0F08;--bg3:#241810;--bg4:#2E2018;
  --glow:rgba(249,115,22,.26);--sh-sm:0 14px 46px rgba(0,0,0,.35);
  --bg-pattern:radial-gradient(900px 520px at 10% -10%,rgba(249,115,22,.22) 0%,transparent 55%),radial-gradient(900px 520px at 90% 0%,rgba(245,158,11,.16) 0%,transparent 55%),radial-gradient(900px 520px at 50% 110%,rgba(234,88,12,.14) 0%,transparent 60%),repeating-linear-gradient(90deg,rgba(248,250,252,.06) 0,rgba(248,250,252,.06) 1px,transparent 1px,transparent 40px),repeating-linear-gradient(0deg,rgba(248,250,252,.04) 0,rgba(248,250,252,.04) 1px,transparent 1px,transparent 40px);
}

/* ── 5. ROSE ── */
html[data-theme="rose"] {
  --p1:#E11D48;--p2:#F43F5E;--p3:#FDA4AF;--p4:#FFE4E6;
  --c1:#FB7185;--c2:#FDA4AF;--c3:#FFF1F2;
  --accent-indigo:#FB7185;--accent-purple:#F43F5E;--accent-purple-dark:#E11D48;--accent-purple-light:#FDA4AF;
  --accent-green:#10B981;--accent-green-dark:#059669;--accent-green-light:#34D399;
  --accent-amber:#F59E0B;--accent-amber-dark:#D97706;--accent-amber-light:#FBBF24;
  --error:#EF4444;
  --pg:linear-gradient(135deg,var(--p1),var(--c1));--pg2:linear-gradient(135deg,var(--p2),var(--p3) 45%,var(--c2));
  --gradient-hero:linear-gradient(135deg,#E11D48,#FB7185);--gradient-reading:linear-gradient(90deg,var(--p1),var(--c1),var(--s1));
  --glow:rgba(244,63,94,.14);
  --bg-pattern:radial-gradient(900px 520px at 16% -10%,rgba(244,63,94,.16) 0%,transparent 58%),radial-gradient(900px 520px at 84% 0%,rgba(251,113,133,.12) 0%,transparent 58%),radial-gradient(900px 520px at 50% 110%,rgba(225,29,72,.07) 0%,transparent 62%),repeating-radial-gradient(circle at 0 0,rgba(2,6,23,.03) 0 1px,transparent 1px 18px);
}
html[data-theme="rose"].dark-theme {
  --bg:#12050A;--bg2:#1C0B12;--bg3:#26111A;--bg4:#301822;
  --glow:rgba(244,63,94,.26);--sh-sm:0 14px 46px rgba(0,0,0,.35);
  --bg-pattern:radial-gradient(900px 520px at 10% -10%,rgba(244,63,94,.22) 0%,transparent 55%),radial-gradient(900px 520px at 90% 0%,rgba(251,113,133,.16) 0%,transparent 55%),radial-gradient(900px 520px at 50% 110%,rgba(225,29,72,.14) 0%,transparent 60%),repeating-linear-gradient(90deg,rgba(248,250,252,.06) 0,rgba(248,250,252,.06) 1px,transparent 1px,transparent 40px),repeating-linear-gradient(0deg,rgba(248,250,252,.04) 0,rgba(248,250,252,.04) 1px,transparent 1px,transparent 40px);
}

/* ── 6. CYBER (Neon Green) ── */
html[data-theme="cyber"] {
  --p1:#059669;--p2:#10B981;--p3:#6EE7B7;--p4:#A7F3D0;
  --c1:#00FF88;--c2:#39FF9F;--c3:#B8FFD6;
  --accent-indigo:#00FF88;--accent-purple:#39FF9F;--accent-purple-dark:#059669;--accent-purple-light:#6EE7B7;
  --accent-green:#00FF88;--accent-green-dark:#059669;--accent-green-light:#39FF9F;
  --accent-amber:#FFD600;--accent-amber-dark:#E6C200;--accent-amber-light:#FFE566;
  --error:#FF3333;
  --pg:linear-gradient(135deg,#00FF88,#0EA5E9);--pg2:linear-gradient(135deg,#10B981,#00FF88 45%,#22D3EE);
  --gradient-hero:linear-gradient(135deg,#00FF88,#0EA5E9);--gradient-reading:linear-gradient(90deg,#00FF88,#0EA5E9,#8B5CF6);
  --glow:rgba(0,255,136,.18);
  --bg-pattern:radial-gradient(900px 520px at 16% -10%,rgba(0,255,136,.12) 0%,transparent 58%),radial-gradient(900px 520px at 84% 0%,rgba(14,165,233,.10) 0%,transparent 58%),radial-gradient(900px 520px at 50% 110%,rgba(139,92,246,.06) 0%,transparent 62%),repeating-radial-gradient(circle at 0 0,rgba(2,6,23,.03) 0 1px,transparent 1px 18px);
}
html[data-theme="cyber"].dark-theme {
  --bg:#030A06;--bg2:#061209;--bg3:#0A1A0F;--bg4:#0E2214;
  --glow:rgba(0,255,136,.30);--sh-sm:0 14px 46px rgba(0,0,0,.40);
  --bg-pattern:radial-gradient(900px 520px at 10% -10%,rgba(0,255,136,.20) 0%,transparent 55%),radial-gradient(900px 520px at 90% 0%,rgba(14,165,233,.14) 0%,transparent 55%),radial-gradient(900px 520px at 50% 110%,rgba(139,92,246,.12) 0%,transparent 60%),repeating-linear-gradient(90deg,rgba(0,255,136,.04) 0,rgba(0,255,136,.04) 1px,transparent 1px,transparent 40px),repeating-linear-gradient(0deg,rgba(0,255,136,.03) 0,rgba(0,255,136,.03) 1px,transparent 1px,transparent 40px);
}

/* ── 7. OCEAN ── */
html[data-theme="ocean"] {
  --p1:#0369A1;--p2:#0284C7;--p3:#7DD3FC;--p4:#BAE6FD;
  --c1:#06B6D4;--c2:#22D3EE;--c3:#A5F3FC;
  --accent-indigo:#38BDF8;--accent-purple:#7DD3FC;--accent-purple-dark:#0284C7;--accent-purple-light:#BAE6FD;
  --accent-green:#10B981;--accent-green-dark:#059669;--accent-green-light:#34D399;
  --accent-amber:#F59E0B;--accent-amber-dark:#D97706;--accent-amber-light:#FBBF24;
  --error:#EF4444;
  --pg:linear-gradient(135deg,#0369A1,#06B6D4);--pg2:linear-gradient(135deg,#0284C7,#7DD3FC 45%,#22D3EE);
  --gradient-hero:linear-gradient(135deg,#0369A1,#22D3EE);--gradient-reading:linear-gradient(90deg,#0369A1,#06B6D4,#10B981);
  --glow:rgba(6,182,212,.14);
  --bg-pattern:radial-gradient(900px 520px at 16% -10%,rgba(6,182,212,.16) 0%,transparent 58%),radial-gradient(900px 520px at 84% 0%,rgba(3,105,161,.12) 0%,transparent 58%),radial-gradient(900px 520px at 50% 110%,rgba(14,165,233,.07) 0%,transparent 62%),repeating-radial-gradient(circle at 0 0,rgba(2,6,23,.03) 0 1px,transparent 1px 18px);
}
html[data-theme="ocean"].dark-theme {
  --bg:#030B11;--bg2:#06131D;--bg3:#0A1B2A;--bg4:#0E2336;
  --glow:rgba(6,182,212,.26);--sh-sm:0 14px 46px rgba(0,0,0,.35);
  --bg-pattern:radial-gradient(900px 520px at 10% -10%,rgba(6,182,212,.22) 0%,transparent 55%),radial-gradient(900px 520px at 90% 0%,rgba(3,105,161,.16) 0%,transparent 55%),radial-gradient(900px 520px at 50% 110%,rgba(14,165,233,.14) 0%,transparent 60%),repeating-linear-gradient(90deg,rgba(248,250,252,.06) 0,rgba(248,250,252,.06) 1px,transparent 1px,transparent 40px),repeating-linear-gradient(0deg,rgba(248,250,252,.04) 0,rgba(248,250,252,.04) 1px,transparent 1px,transparent 40px);
}

/* ── 8. GOLD ── */
html[data-theme="gold"] {
  --p1:#B45309;--p2:#D97706;--p3:#FCD34D;--p4:#FEF3C7;
  --c1:#F59E0B;--c2:#FBBF24;--c3:#FFFBEB;
  --accent-indigo:#F59E0B;--accent-purple:#D97706;--accent-purple-dark:#B45309;--accent-purple-light:#FCD34D;
  --accent-green:#10B981;--accent-green-dark:#059669;--accent-green-light:#34D399;
  --accent-amber:#F59E0B;--accent-amber-dark:#B45309;--accent-amber-light:#FCD34D;
  --error:#EF4444;
  --pg:linear-gradient(135deg,#B45309,#F59E0B);--pg2:linear-gradient(135deg,#D97706,#FCD34D 45%,#FBBF24);
  --gradient-hero:linear-gradient(135deg,#B45309,#FBBF24);--gradient-reading:linear-gradient(90deg,#B45309,#F59E0B,#10B981);
  --glow:rgba(245,158,11,.14);
  --bg-pattern:radial-gradient(900px 520px at 16% -10%,rgba(245,158,11,.16) 0%,transparent 58%),radial-gradient(900px 520px at 84% 0%,rgba(217,119,6,.12) 0%,transparent 58%),radial-gradient(900px 520px at 50% 110%,rgba(180,83,9,.07) 0%,transparent 62%),repeating-radial-gradient(circle at 0 0,rgba(2,6,23,.03) 0 1px,transparent 1px 18px);
}
html[data-theme="gold"].dark-theme {
  --bg:#0D0904;--bg2:#1A1208;--bg3:#271C0D;--bg4:#332612;
  --glow:rgba(245,158,11,.26);--sh-sm:0 14px 46px rgba(0,0,0,.35);
  --bg-pattern:radial-gradient(900px 520px at 10% -10%,rgba(245,158,11,.22) 0%,transparent 55%),radial-gradient(900px 520px at 90% 0%,rgba(217,119,6,.16) 0%,transparent 55%),radial-gradient(900px 520px at 50% 110%,rgba(180,83,9,.14) 0%,transparent 60%),repeating-linear-gradient(90deg,rgba(248,250,252,.06) 0,rgba(248,250,252,.06) 1px,transparent 1px,transparent 40px),repeating-linear-gradient(0deg,rgba(248,250,252,.04) 0,rgba(248,250,252,.04) 1px,transparent 1px,transparent 40px);
}

/* ── 9. FOREST ── */
html[data-theme="forest"] {
  --p1:#166534;--p2:#16A34A;--p3:#86EFAC;--p4:#DCFCE7;
  --c1:#22C55E;--c2:#4ADE80;--c3:#F0FDF4;
  --accent-indigo:#4ADE80;--accent-purple:#86EFAC;--accent-purple-dark:#16A34A;--accent-purple-light:#DCFCE7;
  --accent-green:#22C55E;--accent-green-dark:#166534;--accent-green-light:#86EFAC;
  --accent-amber:#EAB308;--accent-amber-dark:#CA8A04;--accent-amber-light:#FDE047;
  --error:#EF4444;
  --pg:linear-gradient(135deg,#166534,#22C55E);--pg2:linear-gradient(135deg,#16A34A,#86EFAC 45%,#4ADE80);
  --gradient-hero:linear-gradient(135deg,#166534,#4ADE80);--gradient-reading:linear-gradient(90deg,#166534,#22C55E,#06B6D4);
  --glow:rgba(34,197,94,.14);
  --bg-pattern:radial-gradient(900px 520px at 16% -10%,rgba(34,197,94,.16) 0%,transparent 58%),radial-gradient(900px 520px at 84% 0%,rgba(22,163,74,.12) 0%,transparent 58%),radial-gradient(900px 520px at 50% 110%,rgba(22,101,52,.07) 0%,transparent 62%),repeating-radial-gradient(circle at 0 0,rgba(2,6,23,.03) 0 1px,transparent 1px 18px);
}
html[data-theme="forest"].dark-theme {
  --bg:#030D06;--bg2:#071A0C;--bg3:#0B2713;--bg4:#0F3419;
  --glow:rgba(34,197,94,.26);--sh-sm:0 14px 46px rgba(0,0,0,.35);
  --bg-pattern:radial-gradient(900px 520px at 10% -10%,rgba(34,197,94,.22) 0%,transparent 55%),radial-gradient(900px 520px at 90% 0%,rgba(22,163,74,.16) 0%,transparent 55%),radial-gradient(900px 520px at 50% 110%,rgba(22,101,52,.14) 0%,transparent 60%),repeating-linear-gradient(90deg,rgba(248,250,252,.06) 0,rgba(248,250,252,.06) 1px,transparent 1px,transparent 40px),repeating-linear-gradient(0deg,rgba(248,250,252,.04) 0,rgba(248,250,252,.04) 1px,transparent 1px,transparent 40px);
}

/* ── 10. CANDY ── */
html[data-theme="candy"] {
  --p1:#DB2777;--p2:#EC4899;--p3:#F9A8D4;--p4:#FCE7F3;
  --c1:#F472B6;--c2:#F9A8D4;--c3:#FDF2F8;
  --accent-indigo:#C084FC;--accent-purple:#A855F7;--accent-purple-dark:#9333EA;--accent-purple-light:#D8B4FE;
  --accent-green:#34D399;--accent-green-dark:#10B981;--accent-green-light:#6EE7B7;
  --accent-amber:#FBBF24;--accent-amber-dark:#F59E0B;--accent-amber-light:#FDE68A;
  --error:#EF4444;
  --pg:linear-gradient(135deg,#DB2777,#F472B6);--pg2:linear-gradient(135deg,#EC4899,#F9A8D4 45%,#F9A8D4);
  --gradient-hero:linear-gradient(135deg,#DB2777,#C084FC);--gradient-reading:linear-gradient(90deg,#DB2777,#F472B6,#C084FC);
  --glow:rgba(236,72,153,.14);
  --bg-pattern:radial-gradient(900px 520px at 16% -10%,rgba(236,72,153,.16) 0%,transparent 58%),radial-gradient(900px 520px at 84% 0%,rgba(168,85,247,.12) 0%,transparent 58%),radial-gradient(900px 520px at 50% 110%,rgba(244,114,182,.07) 0%,transparent 62%),repeating-radial-gradient(circle at 0 0,rgba(2,6,23,.03) 0 1px,transparent 1px 18px);
}
html[data-theme="candy"].dark-theme {
  --bg:#110610;--bg2:#1C0B1A;--bg3:#271024;--bg4:#32152E;
  --glow:rgba(236,72,153,.26);--sh-sm:0 14px 46px rgba(0,0,0,.35);
  --bg-pattern:radial-gradient(900px 520px at 10% -10%,rgba(236,72,153,.22) 0%,transparent 55%),radial-gradient(900px 520px at 90% 0%,rgba(168,85,247,.16) 0%,transparent 55%),radial-gradient(900px 520px at 50% 110%,rgba(244,114,182,.14) 0%,transparent 60%),repeating-linear-gradient(90deg,rgba(248,250,252,.06) 0,rgba(248,250,252,.06) 1px,transparent 1px,transparent 40px),repeating-linear-gradient(0deg,rgba(248,250,252,.04) 0,rgba(248,250,252,.04) 1px,transparent 1px,transparent 40px);
}

/* ── 11. MIDNIGHT ── */
html[data-theme="midnight"] {
  --p1:#1E3A5F;--p2:#2563EB;--p3:#93C5FD;--p4:#DBEAFE;
  --c1:#3B82F6;--c2:#60A5FA;--c3:#EFF6FF;
  --accent-indigo:#818CF8;--accent-purple:#6366F1;--accent-purple-dark:#4F46E5;--accent-purple-light:#A5B4FC;
  --accent-green:#10B981;--accent-green-dark:#059669;--accent-green-light:#34D399;
  --accent-amber:#F59E0B;--accent-amber-dark:#D97706;--accent-amber-light:#FBBF24;
  --error:#EF4444;
  --pg:linear-gradient(135deg,#1E3A5F,#3B82F6);--pg2:linear-gradient(135deg,#2563EB,#93C5FD 45%,#60A5FA);
  --gradient-hero:linear-gradient(135deg,#1E3A5F,#60A5FA);--gradient-reading:linear-gradient(90deg,#1E3A5F,#3B82F6,#8B5CF6);
  --glow:rgba(37,99,235,.14);
  --bg-pattern:radial-gradient(900px 520px at 16% -10%,rgba(37,99,235,.16) 0%,transparent 58%),radial-gradient(900px 520px at 84% 0%,rgba(59,130,246,.12) 0%,transparent 58%),radial-gradient(900px 520px at 50% 110%,rgba(99,102,241,.07) 0%,transparent 62%),repeating-radial-gradient(circle at 0 0,rgba(2,6,23,.03) 0 1px,transparent 1px 18px);
}
html[data-theme="midnight"].dark-theme {
  --bg:#040810;--bg2:#081018;--bg3:#0C1820;--bg4:#102028;
  --glow:rgba(99,102,241,.26);--sh-sm:0 14px 46px rgba(0,0,0,.40);
  --bg-pattern:radial-gradient(900px 520px at 10% -10%,rgba(99,102,241,.20) 0%,transparent 55%),radial-gradient(900px 520px at 90% 0%,rgba(59,130,246,.14) 0%,transparent 55%),radial-gradient(900px 520px at 50% 110%,rgba(30,58,95,.12) 0%,transparent 60%),repeating-linear-gradient(90deg,rgba(248,250,252,.05) 0,rgba(248,250,252,.05) 1px,transparent 1px,transparent 40px),repeating-linear-gradient(0deg,rgba(248,250,252,.03) 0,rgba(248,250,252,.03) 1px,transparent 1px,transparent 40px);
}

/* ── 12. LAVA ── */
html[data-theme="lava"] {
  --p1:#DC2626;--p2:#EF4444;--p3:#FCA5A5;--p4:#FEE2E2;
  --c1:#F97316;--c2:#FB923C;--c3:#FFEDD5;
  --accent-indigo:#F87171;--accent-purple:#EF4444;--accent-purple-dark:#DC2626;--accent-purple-light:#FCA5A5;
  --accent-green:#10B981;--accent-green-dark:#059669;--accent-green-light:#34D399;
  --accent-amber:#F59E0B;--accent-amber-dark:#D97706;--accent-amber-light:#FBBF24;
  --error:#DC2626;
  --pg:linear-gradient(135deg,#DC2626,#F97316);--pg2:linear-gradient(135deg,#EF4444,#FCA5A5 45%,#FB923C);
  --gradient-hero:linear-gradient(135deg,#DC2626,#FB923C);--gradient-reading:linear-gradient(90deg,#DC2626,#F97316,#F59E0B);
  --glow:rgba(239,68,68,.14);
  --bg-pattern:radial-gradient(900px 520px at 16% -10%,rgba(239,68,68,.16) 0%,transparent 58%),radial-gradient(900px 520px at 84% 0%,rgba(249,115,22,.12) 0%,transparent 58%),radial-gradient(900px 520px at 50% 110%,rgba(220,38,38,.07) 0%,transparent 62%),repeating-radial-gradient(circle at 0 0,rgba(2,6,23,.03) 0 1px,transparent 1px 18px);
}
html[data-theme="lava"].dark-theme {
  --bg:#100404;--bg2:#1C0808;--bg3:#280C0C;--bg4:#341010;
  --glow:rgba(239,68,68,.26);--sh-sm:0 14px 46px rgba(0,0,0,.35);
  --bg-pattern:radial-gradient(900px 520px at 10% -10%,rgba(239,68,68,.22) 0%,transparent 55%),radial-gradient(900px 520px at 90% 0%,rgba(249,115,22,.16) 0%,transparent 55%),radial-gradient(900px 520px at 50% 110%,rgba(220,38,38,.14) 0%,transparent 60%),repeating-linear-gradient(90deg,rgba(248,250,252,.06) 0,rgba(248,250,252,.06) 1px,transparent 1px,transparent 40px),repeating-linear-gradient(0deg,rgba(248,250,252,.04) 0,rgba(248,250,252,.04) 1px,transparent 1px,transparent 40px);
}

/* ── 13. AURORA ── */
html[data-theme="aurora"] {
  --p1:#7C3AED;--p2:#A855F7;--p3:#D8B4FE;--p4:#F3E8FF;
  --c1:#06B6D4;--c2:#22D3EE;--c3:#CFFAFE;
  --accent-indigo:#818CF8;--accent-purple:#A855F7;--accent-purple-dark:#7C3AED;--accent-purple-light:#D8B4FE;
  --accent-green:#10B981;--accent-green-dark:#059669;--accent-green-light:#34D399;
  --accent-amber:#F59E0B;--accent-amber-dark:#D97706;--accent-amber-light:#FBBF24;
  --error:#EF4444;
  --pg:linear-gradient(135deg,#7C3AED,#06B6D4);--pg2:linear-gradient(135deg,#A855F7,#D8B4FE 45%,#22D3EE);
  --gradient-hero:linear-gradient(135deg,#7C3AED,#06B6D4);--gradient-reading:linear-gradient(90deg,#7C3AED,#06B6D4,#10B981);
  --glow:rgba(168,85,247,.14);
  --bg-pattern:radial-gradient(900px 520px at 16% -10%,rgba(168,85,247,.16) 0%,transparent 58%),radial-gradient(900px 520px at 84% 0%,rgba(6,182,212,.12) 0%,transparent 58%),radial-gradient(900px 520px at 50% 110%,rgba(124,58,237,.07) 0%,transparent 62%),repeating-radial-gradient(circle at 0 0,rgba(2,6,23,.03) 0 1px,transparent 1px 18px);
}
html[data-theme="aurora"].dark-theme {
  --bg:#070510;--bg2:#0E0A1C;--bg3:#150F28;--bg4:#1C1434;
  --glow:rgba(168,85,247,.26);--sh-sm:0 14px 46px rgba(0,0,0,.35);
  --bg-pattern:radial-gradient(900px 520px at 10% -10%,rgba(168,85,247,.22) 0%,transparent 55%),radial-gradient(900px 520px at 90% 0%,rgba(6,182,212,.16) 0%,transparent 55%),radial-gradient(900px 520px at 50% 110%,rgba(124,58,237,.14) 0%,transparent 60%),repeating-linear-gradient(90deg,rgba(248,250,252,.06) 0,rgba(248,250,252,.06) 1px,transparent 1px,transparent 40px),repeating-linear-gradient(0deg,rgba(248,250,252,.04) 0,rgba(248,250,252,.04) 1px,transparent 1px,transparent 40px);
}

/* ── 14. CHERRY ── */
html[data-theme="cherry"] {
  --p1:#9F1239;--p2:#BE123C;--p3:#FB7185;--p4:#FFE4E6;
  --c1:#F43F5E;--c2:#FB7185;--c3:#FFF1F2;
  --accent-indigo:#F472B6;--accent-purple:#E879F9;--accent-purple-dark:#C026D3;--accent-purple-light:#F0ABFC;
  --accent-green:#10B981;--accent-green-dark:#059669;--accent-green-light:#34D399;
  --accent-amber:#F59E0B;--accent-amber-dark:#D97706;--accent-amber-light:#FBBF24;
  --error:#EF4444;
  --pg:linear-gradient(135deg,#9F1239,#F43F5E);--pg2:linear-gradient(135deg,#BE123C,#FB7185 45%,#FB7185);
  --gradient-hero:linear-gradient(135deg,#9F1239,#FB7185);--gradient-reading:linear-gradient(90deg,#9F1239,#F43F5E,#E879F9);
  --glow:rgba(244,63,94,.14);
  --bg-pattern:radial-gradient(900px 520px at 16% -10%,rgba(244,63,94,.16) 0%,transparent 58%),radial-gradient(900px 520px at 84% 0%,rgba(232,121,249,.12) 0%,transparent 58%),radial-gradient(900px 520px at 50% 110%,rgba(159,18,57,.07) 0%,transparent 62%),repeating-radial-gradient(circle at 0 0,rgba(2,6,23,.03) 0 1px,transparent 1px 18px);
}
html[data-theme="cherry"].dark-theme {
  --bg:#0D0308;--bg2:#18060E;--bg3:#230A15;--bg4:#2E0E1C;
  --glow:rgba(244,63,94,.26);--sh-sm:0 14px 46px rgba(0,0,0,.35);
  --bg-pattern:radial-gradient(900px 520px at 10% -10%,rgba(244,63,94,.22) 0%,transparent 55%),radial-gradient(900px 520px at 90% 0%,rgba(232,121,249,.16) 0%,transparent 55%),radial-gradient(900px 520px at 50% 110%,rgba(159,18,57,.14) 0%,transparent 60%),repeating-linear-gradient(90deg,rgba(248,250,252,.06) 0,rgba(248,250,252,.06) 1px,transparent 1px,transparent 40px),repeating-linear-gradient(0deg,rgba(248,250,252,.04) 0,rgba(248,250,252,.04) 1px,transparent 1px,transparent 40px);
}

/* ── 15. SLATE ── */
html[data-theme="slate"] {
  --p1:#475569;--p2:#64748B;--p3:#CBD5E1;--p4:#F1F5F9;
  --c1:#94A3B8;--c2:#CBD5E1;--c3:#F1F5F9;
  --accent-indigo:#94A3B8;--accent-purple:#CBD5E1;--accent-purple-dark:#64748B;--accent-purple-light:#F1F5F9;
  --accent-green:#10B981;--accent-green-dark:#059669;--accent-green-light:#34D399;
  --accent-amber:#F59E0B;--accent-amber-dark:#D97706;--accent-amber-light:#FBBF24;
  --error:#EF4444;
  --pg:linear-gradient(135deg,#475569,#94A3B8);--pg2:linear-gradient(135deg,#64748B,#CBD5E1 45%,#CBD5E1);
  --gradient-hero:linear-gradient(135deg,#475569,#94A3B8);--gradient-reading:linear-gradient(90deg,#475569,#94A3B8,#10B981);
  --glow:rgba(100,116,139,.14);
  --bg-pattern:radial-gradient(900px 520px at 16% -10%,rgba(100,116,139,.16) 0%,transparent 58%),radial-gradient(900px 520px at 84% 0%,rgba(148,163,184,.12) 0%,transparent 58%),radial-gradient(900px 520px at 50% 110%,rgba(71,85,105,.07) 0%,transparent 62%),repeating-radial-gradient(circle at 0 0,rgba(2,6,23,.03) 0 1px,transparent 1px 18px);
}
html[data-theme="slate"].dark-theme {
  --bg:#06080C;--bg2:#0C1016;--bg3:#121820;--bg4:#1A2028;
  --glow:rgba(100,116,139,.26);--sh-sm:0 14px 46px rgba(0,0,0,.35);
  --bg-pattern:radial-gradient(900px 520px at 10% -10%,rgba(100,116,139,.22) 0%,transparent 55%),radial-gradient(900px 520px at 90% 0%,rgba(148,163,184,.16) 0%,transparent 55%),radial-gradient(900px 520px at 50% 110%,rgba(71,85,105,.14) 0%,transparent 60%),repeating-linear-gradient(90deg,rgba(248,250,252,.06) 0,rgba(248,250,252,.06) 1px,transparent 1px,transparent 40px),repeating-linear-gradient(0deg,rgba(248,250,252,.04) 0,rgba(248,250,252,.04) 1px,transparent 1px,transparent 40px);
}

/* ── 16. TITANIUM ── */
html[data-theme="titanium"] {
  --p1:#64748B;--p2:#94A3B8;--p3:#E2E8F0;--p4:#F8FAFC;
  --c1:#CBD5E1;--c2:#E2E8F0;--c3:#F8FAFC;
  --accent-indigo:#94A3B8;--accent-purple:#CBD5E1;--accent-purple-dark:#64748B;--accent-purple-light:#E2E8F0;
  --accent-green:#10B981;--accent-green-dark:#059669;--accent-green-light:#34D399;
  --accent-amber:#F59E0B;--accent-amber-dark:#D97706;--accent-amber-light:#FBBF24;
  --error:#EF4444;
  --pg:linear-gradient(135deg,#64748B,#CBD5E1);--pg2:linear-gradient(135deg,#94A3B8,#E2E8F0 45%,#E2E8F0);
  --gradient-hero:linear-gradient(135deg,#64748B,#CBD5E1);--gradient-reading:linear-gradient(90deg,#64748B,#CBD5E1,#10B981);
  --glow:rgba(148,163,184,.14);
  --bg-pattern:radial-gradient(900px 520px at 16% -10%,rgba(148,163,184,.16) 0%,transparent 58%),radial-gradient(900px 520px at 84% 0%,rgba(203,213,225,.12) 0%,transparent 58%),radial-gradient(900px 520px at 50% 110%,rgba(100,116,139,.07) 0%,transparent 62%),repeating-radial-gradient(circle at 0 0,rgba(2,6,23,.03) 0 1px,transparent 1px 18px);
}
html[data-theme="titanium"].dark-theme {
  --bg:#07090D;--bg2:#0E1218;--bg3:#151B24;--bg4:#1C242E;
  --glow:rgba(148,163,184,.26);--sh-sm:0 14px 46px rgba(0,0,0,.35);
  --bg-pattern:radial-gradient(900px 520px at 10% -10%,rgba(148,163,184,.22) 0%,transparent 55%),radial-gradient(900px 520px at 90% 0%,rgba(203,213,225,.16) 0%,transparent 55%),radial-gradient(900px 520px at 50% 110%,rgba(100,116,139,.14) 0%,transparent 60%),repeating-linear-gradient(90deg,rgba(248,250,252,.06) 0,rgba(248,250,252,.06) 1px,transparent 1px,transparent 40px),repeating-linear-gradient(0deg,rgba(248,250,252,.04) 0,rgba(248,250,252,.04) 1px,transparent 1px,transparent 40px);
}

/* ── 17. PEACH ── */
html[data-theme="peach"] {
  --p1:#EA580C;--p2:#FB923C;--p3:#FED7AA;--p4:#FFF7ED;
  --c1:#FDBA74;--c2:#FED7AA;--c3:#FFF7ED;
  --accent-indigo:#FB923C;--accent-purple:#FDBA74;--accent-purple-dark:#EA580C;--accent-purple-light:#FED7AA;
  --accent-green:#10B981;--accent-green-dark:#059669;--accent-green-light:#34D399;
  --accent-amber:#F59E0B;--accent-amber-dark:#D97706;--accent-amber-light:#FBBF24;
  --error:#EF4444;
  --pg:linear-gradient(135deg,#EA580C,#FDBA74);--pg2:linear-gradient(135deg,#FB923C,#FED7AA 45%,#FED7AA);
  --gradient-hero:linear-gradient(135deg,#EA580C,#FDBA74);--gradient-reading:linear-gradient(90deg,#EA580C,#FDBA74,#10B981);
  --glow:rgba(251,146,60,.14);
  --bg-pattern:radial-gradient(900px 520px at 16% -10%,rgba(251,146,60,.16) 0%,transparent 58%),radial-gradient(900px 520px at 84% 0%,rgba(253,186,116,.12) 0%,transparent 58%),radial-gradient(900px 520px at 50% 110%,rgba(234,88,12,.07) 0%,transparent 62%),repeating-radial-gradient(circle at 0 0,rgba(2,6,23,.03) 0 1px,transparent 1px 18px);
}
html[data-theme="peach"].dark-theme {
  --bg:#100804;--bg2:#1C0F08;--bg3:#28160C;--bg4:#341E10;
  --glow:rgba(251,146,60,.26);--sh-sm:0 14px 46px rgba(0,0,0,.35);
  --bg-pattern:radial-gradient(900px 520px at 10% -10%,rgba(251,146,60,.22) 0%,transparent 55%),radial-gradient(900px 520px at 90% 0%,rgba(253,186,116,.16) 0%,transparent 55%),radial-gradient(900px 520px at 50% 110%,rgba(234,88,12,.14) 0%,transparent 60%),repeating-linear-gradient(90deg,rgba(248,250,252,.06) 0,rgba(248,250,252,.06) 1px,transparent 1px,transparent 40px),repeating-linear-gradient(0deg,rgba(248,250,252,.04) 0,rgba(248,250,252,.04) 1px,transparent 1px,transparent 40px);
}

/* ── 18. LAVENDER ── */
html[data-theme="lavender"] {
  --p1:#7C3AED;--p2:#8B5CF6;--p3:#DDD6FE;--p4:#F5F3FF;
  --c1:#A78BFA;--c2:#C4B5FD;--c3:#EDE9FE;
  --accent-indigo:#A78BFA;--accent-purple:#8B5CF6;--accent-purple-dark:#7C3AED;--accent-purple-light:#DDD6FE;
  --accent-green:#10B981;--accent-green-dark:#059669;--accent-green-light:#34D399;
  --accent-amber:#F59E0B;--accent-amber-dark:#D97706;--accent-amber-light:#FBBF24;
  --error:#EF4444;
  --pg:linear-gradient(135deg,#7C3AED,#C4B5FD);--pg2:linear-gradient(135deg,#8B5CF6,#DDD6FE 45%,#DDD6FE);
  --gradient-hero:linear-gradient(135deg,#7C3AED,#C4B5FD);--gradient-reading:linear-gradient(90deg,#7C3AED,#C4B5FD,#10B981);
  --glow:rgba(139,92,246,.14);
  --bg-pattern:radial-gradient(900px 520px at 16% -10%,rgba(139,92,246,.16) 0%,transparent 58%),radial-gradient(900px 520px at 84% 0%,rgba(196,181,253,.12) 0%,transparent 58%),radial-gradient(900px 520px at 50% 110%,rgba(124,58,237,.07) 0%,transparent 62%),repeating-radial-gradient(circle at 0 0,rgba(2,6,23,.03) 0 1px,transparent 1px 18px);
}
html[data-theme="lavender"].dark-theme {
  --bg:#080510;--bg2:#100A1E;--bg3:#180F2C;--bg4:#20143A;
  --glow:rgba(139,92,246,.26);--sh-sm:0 14px 46px rgba(0,0,0,.35);
  --bg-pattern:radial-gradient(900px 520px at 10% -10%,rgba(139,92,246,.22) 0%,transparent 55%),radial-gradient(900px 520px at 90% 0%,rgba(196,181,253,.16) 0%,transparent 55%),radial-gradient(900px 520px at 50% 110%,rgba(124,58,237,.14) 0%,transparent 60%),repeating-linear-gradient(90deg,rgba(248,250,252,.06) 0,rgba(248,250,252,.06) 1px,transparent 1px,transparent 40px),repeating-linear-gradient(0deg,rgba(248,250,252,.04) 0,rgba(248,250,252,.04) 1px,transparent 1px,transparent 40px);
}

/* ── 19. CORAL ── */
html[data-theme="coral"] {
  --p1:#E11D48;--p2:#F43F5E;--p3:#FDA4AF;--p4:#FFF1F2;
  --c1:#FB7185;--c2:#FECDD3;--c3:#FFF1F2;
  --accent-indigo:#FB7185;--accent-purple:#F472B6;--accent-purple-dark:#E11D48;--accent-purple-light:#FECDD3;
  --accent-green:#10B981;--accent-green-dark:#059669;--accent-green-light:#34D399;
  --accent-amber:#F59E0B;--accent-amber-dark:#D97706;--accent-amber-light:#FBBF24;
  --error:#EF4444;
  --pg:linear-gradient(135deg,#E11D48,#FB7185);--pg2:linear-gradient(135deg,#F43F5E,#FDA4AF 45%,#FDA4AF);
  --gradient-hero:linear-gradient(135deg,#E11D48,#FB7185);--gradient-reading:linear-gradient(90deg,#E11D48,#FB7185,#10B981);
  --glow:rgba(244,63,94,.14);
  --bg-pattern:radial-gradient(900px 520px at 16% -10%,rgba(244,63,94,.16) 0%,transparent 58%),radial-gradient(900px 520px at 84% 0%,rgba(251,113,133,.12) 0%,transparent 58%),radial-gradient(900px 520px at 50% 110%,rgba(225,29,72,.07) 0%,transparent 62%),repeating-radial-gradient(circle at 0 0,rgba(2,6,23,.03) 0 1px,transparent 1px 18px);
}
html[data-theme="coral"].dark-theme {
  --bg:#100508;--bg2:#1C0A0F;--bg3:#280F16;--bg4:#34141D;
  --glow:rgba(244,63,94,.26);--sh-sm:0 14px 46px rgba(0,0,0,.35);
  --bg-pattern:radial-gradient(900px 520px at 10% -10%,rgba(244,63,94,.22) 0%,transparent 55%),radial-gradient(900px 520px at 90% 0%,rgba(251,113,133,.16) 0%,transparent 55%),radial-gradient(900px 520px at 50% 110%,rgba(225,29,72,.14) 0%,transparent 60%),repeating-linear-gradient(90deg,rgba(248,250,252,.06) 0,rgba(248,250,252,.06) 1px,transparent 1px,transparent 40px),repeating-linear-gradient(0deg,rgba(248,250,252,.04) 0,rgba(248,250,252,.04) 1px,transparent 1px,transparent 40px);
}

/* ── 20. MINT ── */
html[data-theme="mint"] {
  --p1:#059669;--p2:#10B981;--p3:#A7F3D0;--p4:#ECFDF5;
  --c1:#34D399;--c2:#6EE7B7;--c3:#D1FAE5;
  --accent-indigo:#34D399;--accent-purple:#6EE7B7;--accent-purple-dark:#10B981;--accent-purple-light:#A7F3D0;
  --accent-green:#10B981;--accent-green-dark:#059669;--accent-green-light:#34D399;
  --accent-amber:#F59E0B;--accent-amber-dark:#D97706;--accent-amber-light:#FBBF24;
  --error:#EF4444;
  --pg:linear-gradient(135deg,#059669,#34D399);--pg2:linear-gradient(135deg,#10B981,#A7F3D0 45%,#A7F3D0);
  --gradient-hero:linear-gradient(135deg,#059669,#34D399);--gradient-reading:linear-gradient(90deg,#059669,#34D399,#0EA5E9);
  --glow:rgba(16,185,129,.14);
  --bg-pattern:radial-gradient(900px 520px at 16% -10%,rgba(16,185,129,.16) 0%,transparent 58%),radial-gradient(900px 520px at 84% 0%,rgba(52,211,153,.12) 0%,transparent 58%),radial-gradient(900px 520px at 50% 110%,rgba(5,150,105,.07) 0%,transparent 62%),repeating-radial-gradient(circle at 0 0,rgba(2,6,23,.03) 0 1px,transparent 1px 18px);
}
html[data-theme="mint"].dark-theme {
  --bg:#030D08;--bg2:#071A10;--bg3:#0B2718;--bg4:#0F3420;
  --glow:rgba(16,185,129,.26);--sh-sm:0 14px 46px rgba(0,0,0,.35);
  --bg-pattern:radial-gradient(900px 520px at 10% -10%,rgba(16,185,129,.22) 0%,transparent 55%),radial-gradient(900px 520px at 90% 0%,rgba(52,211,153,.16) 0%,transparent 55%),radial-gradient(900px 520px at 50% 110%,rgba(5,150,105,.14) 0%,transparent 60%),repeating-linear-gradient(90deg,rgba(248,250,252,.06) 0,rgba(248,250,252,.06) 1px,transparent 1px,transparent 40px),repeating-linear-gradient(0deg,rgba(248,250,252,.04) 0,rgba(248,250,252,.04) 1px,transparent 1px,transparent 40px);
}

/* ── Admin theme selector highlight ── */
.theme-option.active{border-color:var(--primary,#2563EB) !important;background:rgba(var(--primary-rgb,59,130,246),.06) !important}