/* ═══════════════════════════════════════════════════════════════
   theme.css — Lazzarus Prime site-wide theme engine
   Include on every page alongside theme.js
   ═══════════════════════════════════════════════════════════════ */

:root{
  --accent:#f1c40f;
  --accent-dark:#b8860b;
  --accent-rgb:241,196,15;
  --accent-dim1:#1a1800;
  --accent-dim2:#1a1a00;
  --accent-dim3:#2a2a00;
  --bg-void:#0a0a0a;
  --bg-page:#0e0e0e;
  --bg-page2:#0f0f0f;
  --bg-panel:#111111;
  --bg-panel2:#141414;
  --bg-panel3:#151515;
  --bg-panel4:#181818;
}

/* ── Fire Mode ── */
[data-theme="fire"]{
  --accent:#ff5500;
  --accent-dark:#b03a00;
  --accent-rgb:255,85,0;
  --accent-dim1:#2a1100;
  --accent-dim2:#2a1400;
  --accent-dim3:#3a1800;
  --bg-void:#0d0605;
  --bg-page:#120806;
  --bg-page2:#140907;
  --bg-panel:#180a08;
  --bg-panel2:#1c0d0a;
  --bg-panel3:#1f0f0b;
  --bg-panel4:#23110d;
}

/* ── Synthwave ── */
[data-theme="synthwave"]{
  --accent:#ff2fd6;
  --accent-dark:#a3178a;
  --accent-rgb:255,47,214;
  --accent-dim1:#2a0e28;
  --accent-dim2:#22102a;
  --accent-dim3:#33143a;
  --bg-void:#08060f;
  --bg-page:#0c0916;
  --bg-page2:#0e0a1a;
  --bg-panel:#100b1e;
  --bg-panel2:#140d26;
  --bg-panel3:#160e2a;
  --bg-panel4:#1a1030;
}

/* ── Retro Arcade ── */
[data-theme="arcade"]{
  --accent:#39ff14;
  --accent-dark:#1f9e0c;
  --accent-rgb:57,255,20;
  --accent-dim1:#0a2400;
  --accent-dim2:#0c2a00;
  --accent-dim3:#123a00;
  --bg-void:#050505;
  --bg-page:#070707;
  --bg-page2:#080808;
  --bg-panel:#0a0a0a;
  --bg-panel2:#0d0d0d;
  --bg-panel3:#0f0f0f;
  --bg-panel4:#111111;
}
[data-theme="arcade"] .titleLeft h2{
  font-family:'Press Start 2P','Bebas Neue',sans-serif;
  font-size:clamp(9px,1.6vw,14px);
  letter-spacing:0;
}
[data-theme="arcade"] .splash-title{
  font-family:'Press Start 2P','Bebas Neue',sans-serif;
  font-size:clamp(26px,6vw,50px);
  letter-spacing:2px;
}

/* ── Blood Moon ── */
[data-theme="blood-moon"]{
  --accent:#e0102a;
  --accent-dark:#8a0a1a;
  --accent-rgb:224,16,42;
  --accent-dim1:#2a0a0e;
  --accent-dim2:#2a0c0c;
  --accent-dim3:#3a1010;
  --bg-void:#0d0505;
  --bg-page:#120707;
  --bg-page2:#140808;
  --bg-panel:#180909;
  --bg-panel2:#1c0b0b;
  --bg-panel3:#1f0c0c;
  --bg-panel4:#23100f;
}

/* ── Deep Ocean ── */
[data-theme="ocean"]{
  --accent:#00c2ff;
  --accent-dark:#0077a3;
  --accent-rgb:0,194,255;
  --accent-dim1:#001a2a;
  --accent-dim2:#001e2a;
  --accent-dim3:#002a3a;
  --bg-void:#050a0d;
  --bg-page:#070d12;
  --bg-page2:#080f14;
  --bg-panel:#0a1118;
  --bg-panel2:#0d141c;
  --bg-panel3:#0f171f;
  --bg-panel4:#111a24;
}

/* ── Royal Purple ── */
[data-theme="royal"]{
  --accent:#9b30ff;
  --accent-dark:#631fa3;
  --accent-rgb:155,48,255;
  --accent-dim1:#200a2a;
  --accent-dim2:#220c2a;
  --accent-dim3:#30103a;
  --bg-void:#0a050f;
  --bg-page:#0d0712;
  --bg-page2:#0f0814;
  --bg-panel:#110a18;
  --bg-panel2:#150d1e;
  --bg-panel3:#170e22;
  --bg-panel4:#1b1028;
}

/* ── Frost ── */
[data-theme="frost"]{
  --accent:#6ff0ff;
  --accent-dark:#2fa3b3;
  --accent-rgb:111,240,255;
  --accent-dim1:#002a2e;
  --accent-dim2:#002a30;
  --accent-dim3:#0a3a3e;
  --bg-void:#060a0b;
  --bg-page:#080d0e;
  --bg-page2:#090f10;
  --bg-panel:#0b1112;
  --bg-panel2:#0e1516;
  --bg-panel3:#101718;
  --bg-panel4:#131b1c;
}

/* ── Toxic ── */
[data-theme="toxic"]{
  --accent:#c6ff00;
  --accent-dark:#7fa300;
  --accent-rgb:198,255,0;
  --accent-dim1:#1e2a00;
  --accent-dim2:#202a00;
  --accent-dim3:#2a3a08;
  --bg-void:#0a0d05;
  --bg-page:#0d1006;
  --bg-page2:#0e1207;
  --bg-panel:#101408;
  --bg-panel2:#13180a;
  --bg-panel3:#151a0b;
  --bg-panel4:#181f0d;
}

/* ── Stealth ── */
[data-theme="stealth"]{
  --accent:#d0d0d0;
  --accent-dark:#808080;
  --accent-rgb:208,208,208;
  --accent-dim1:#1a1a1a;
  --accent-dim2:#1c1c1c;
  --accent-dim3:#2a2a2a;
  --bg-void:#0a0a0a;
  --bg-page:#0d0d0d;
  --bg-page2:#0f0f0f;
  --bg-panel:#111111;
  --bg-panel2:#141414;
  --bg-panel3:#161616;
  --bg-panel4:#191919;
}

/* ── Theme switcher widget ── */
.theme-switcher{position:relative}
.theme-btn{background:#2a2a2a;color:#fff;border:1px solid #444;padding:4px 9px;border-radius:4px;cursor:pointer;font-size:13px;transition:.15s;white-space:nowrap;font-family:'Inter',sans-serif}
.theme-btn:hover{color:var(--accent);border-color:var(--accent)}
.theme-menu{display:none;position:absolute;top:calc(100% + 6px);right:0;background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:6px;min-width:170px;z-index:1000;box-shadow:0 8px 24px rgba(0,0,0,.6)}
.theme-menu.open{display:flex;flex-direction:column;gap:2px}
.theme-option{background:transparent;border:1px solid transparent;color:#ccc;text-align:left;padding:8px 10px;border-radius:6px;cursor:pointer;font-size:13px;font-family:'Inter',sans-serif;transition:.15s}
.theme-option:hover{background:#262626;color:var(--accent)}
.theme-option.active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim1)}
.theme-toast{position:fixed;top:16px;left:50%;transform:translateX(-50%) translateY(-10px);background:#1a1a1a;border:1px solid var(--accent);color:var(--accent);padding:8px 16px;border-radius:20px;font-size:13px;font-weight:700;z-index:99999;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none}
.theme-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:600px){.theme-btn{font-size:11px;padding:3px 6px}.theme-menu{right:auto;left:0}}

/* ── Shared chrome (chrome.js) ── */
.headerRight{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.nav-dropdown{position:relative}
.nav-dropdown-menu{display:none;position:absolute;top:calc(100% + 6px);right:0;background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:6px;min-width:190px;max-width:260px;z-index:1000;box-shadow:0 8px 24px rgba(0,0,0,.6)}
.nav-dropdown.open .nav-dropdown-menu{display:flex;flex-direction:column;gap:2px}
.nav-dropdown-menu a,.nav-dropdown-item{background:transparent;border:1px solid transparent;color:#ccc;text-align:left;padding:8px 10px;border-radius:6px;cursor:pointer;font-size:13px;font-family:'Inter',sans-serif;text-decoration:none;transition:.15s;white-space:nowrap}
.nav-dropdown-menu a:hover,.nav-dropdown-item:hover{background:#262626;color:var(--accent)}
.nav-dropdown-item.active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim1)}
.nav-dropdown-sep{height:1px;background:#2a2a2a;margin:4px 2px}
.nav-dropdown-menu-social{right:0}
@media(max-width:600px){.nav-dropdown-menu{left:0;right:auto}}

/* ── Shared footer (chrome.js) ── */
.nav-dropdown-footer{display:inline-block}
.footer-dropdown-btn{background:transparent;border:none;color:#555;font-size:12px;cursor:pointer;padding:2px 6px;border-radius:3px;font-family:'Inter',sans-serif;transition:.15s}
.footer-dropdown-btn:hover{color:var(--accent);background:#1a1a1a}
.nav-dropdown-menu-footer{bottom:calc(100% + 6px);top:auto;left:50%;right:auto;transform:translateX(-50%)}
@media(max-width:600px){.nav-dropdown-menu-footer{left:0;transform:none}}

/* ── Maple leaf pulse (🍁 badge click) ── */
.ca-flag{cursor:pointer;display:inline-block}
.maple-pulse{position:fixed;width:70px;height:70px;margin:-35px 0 0 -35px;pointer-events:none;z-index:99999;opacity:.95;transform:scale(.15) rotate(0deg);animation:maplePulse 900ms cubic-bezier(.15,.7,.3,1) forwards}
@keyframes maplePulse{
  0%{opacity:.95;transform:scale(.15) rotate(0deg);filter:drop-shadow(0 0 2px #e63946)}
  60%{opacity:.7;filter:drop-shadow(0 0 14px #ff6b76)}
  100%{opacity:0;transform:scale(2.6) rotate(14deg);filter:drop-shadow(0 0 0 transparent)}
}