/* ─────────────────────────────────────────────────────────
   EPOCH – THEMES CSS
   7 themes defined as [data-theme] overrides
───────────────────────────────────────────────────────── */

/* ── COSMOS (default) – Deep space, electric blue ── */
[data-theme="cosmos"] {
  --bg-0: #020209;
  --bg-1: #0a0a18;
  --bg-2: #12122a;
  --text-0: #eef0ff;
  --text-1: #9ca3c4;
  --text-2: #4a5175;
  --accent: #4f9eff;
  --accent-dim: rgba(79,158,255,.14);
  --accent-glow: rgba(79,158,255,.35);
  --border: rgba(255,255,255,.06);
  --border-bright: rgba(255,255,255,.13);
  --glass-bg: rgba(8,8,22,.65);
  --glass-border: rgba(79,158,255,.12);
}

/* ── NEBULA – Purple/violet cosmic ── */
[data-theme="nebula"] {
  --bg-0: #08020f;
  --bg-1: #100519;
  --bg-2: #1c0a30;
  --text-0: #f0eeff;
  --text-1: #a98fc4;
  --text-2: #5a4475;
  --accent: #b87fff;
  --accent-dim: rgba(184,127,255,.14);
  --accent-glow: rgba(184,127,255,.35);
  --border: rgba(255,255,255,.06);
  --border-bright: rgba(255,255,255,.12);
  --glass-bg: rgba(12,4,22,.65);
  --glass-border: rgba(184,127,255,.12);
}

/* ── AURORA – Green/teal borealis ── */
[data-theme="aurora"] {
  --bg-0: #020f09;
  --bg-1: #041a0e;
  --bg-2: #082e1a;
  --text-0: #e8fff4;
  --text-1: #80c4a4;
  --text-2: #3a7055;
  --accent: #2ecc8f;
  --accent-dim: rgba(46,204,143,.14);
  --accent-glow: rgba(46,204,143,.35);
  --border: rgba(255,255,255,.06);
  --border-bright: rgba(255,255,255,.12);
  --glass-bg: rgba(2,14,9,.65);
  --glass-border: rgba(46,204,143,.12);
}

/* ── SOLAR – Warm amber/gold star ── */
[data-theme="solar"] {
  --bg-0: #0c0600;
  --bg-1: #170e00;
  --bg-2: #281800;
  --text-0: #fff8ee;
  --text-1: #c4a06a;
  --text-2: #7a5830;
  --accent: #ffa930;
  --accent-dim: rgba(255,169,48,.14);
  --accent-glow: rgba(255,169,48,.35);
  --border: rgba(255,255,255,.06);
  --border-bright: rgba(255,255,255,.12);
  --glass-bg: rgba(12,6,0,.65);
  --glass-border: rgba(255,169,48,.12);
}

/* ── VOID – Pure darkness, minimal ── */
[data-theme="void"] {
  --bg-0: #000000;
  --bg-1: #080808;
  --bg-2: #111111;
  --text-0: #f8f8f8;
  --text-1: #888888;
  --text-2: #444444;
  --accent: #ffffff;
  --accent-dim: rgba(255,255,255,.08);
  --accent-glow: rgba(255,255,255,.2);
  --border: rgba(255,255,255,.05);
  --border-bright: rgba(255,255,255,.12);
  --glass-bg: rgba(8,8,8,.8);
  --glass-border: rgba(255,255,255,.08);
}

/* ── PRISM – Rainbow prismatic ── */
[data-theme="prism"] {
  --bg-0: #04020c;
  --bg-1: #08051a;
  --bg-2: #100a28;
  --text-0: #f8f6ff;
  --text-1: #9b96c4;
  --text-2: #5a556e;
  --accent: #ff6eb4;
  --accent-dim: rgba(255,110,180,.14);
  --accent-glow: rgba(255,110,180,.35);
  --border: rgba(255,255,255,.06);
  --border-bright: rgba(255,255,255,.12);
  --glass-bg: rgba(4,2,14,.65);
  --glass-border: rgba(255,110,180,.12);
}

/* Prism rotating hue accent */
[data-theme="prism"] .digit-value,
[data-theme="prism"] .timer-expired-msg {
  animation: prismHue 8s linear infinite;
}
@keyframes prismHue {
  0%   { filter: hue-rotate(0deg); }
  100% { filter: hue-rotate(360deg); }
}

/* ── TOKYO DUSK – Neon cyan/magenta ── */
[data-theme="tokyo"] {
  --bg-0: #0d001a;
  --bg-1: #140026;
  --bg-2: #1e003a;
  --text-0: #ffe6f2;
  --text-1: #e099ff;
  --text-2: #8a4f9e;
  --accent: #ff007f;
  --accent-dim: rgba(255,0,127,.14);
  --accent-glow: rgba(255,0,127,.35);
  --border: rgba(255,255,255,.05);
  --border-bright: rgba(255,255,255,.12);
  --glass-bg: rgba(13,0,26,.65);
  --glass-border: rgba(255,0,127,.12);
}

/* ── MATCHA ZEN – Calm sage ── */
[data-theme="matcha"] {
  --bg-0: #0e120b;
  --bg-1: #141b10;
  --bg-2: #1e2718;
  --text-0: #f4f7f1;
  --text-1: #b8c9af;
  --text-2: #6d8063;
  --accent: #87a96b;
  --accent-dim: rgba(135,169,107,.14);
  --accent-glow: rgba(135,169,107,.35);
  --border: rgba(255,255,255,.05);
  --border-bright: rgba(255,255,255,.12);
  --glass-bg: rgba(14,18,11,.65);
  --glass-border: rgba(135,169,107,.12);
}

/* ── CYBERPUNK – Neon yellow ── */
[data-theme="cyberpunk"] {
  --bg-0: #0a0901;
  --bg-1: #141202;
  --bg-2: #211d04;
  --text-0: #fffee6;
  --text-1: #c2c082;
  --text-2: #7a7830;
  --accent: #fcee0a;
  --accent-dim: rgba(252,238,10,.12);
  --accent-glow: rgba(252,238,10,.35);
  --border: rgba(252,238,10,.08);
  --border-bright: rgba(252,238,10,.25);
  --glass-bg: rgba(10,9,1,.75);
  --glass-border: rgba(252,238,10,.15);
}

/* ── ROSE GOLD – Luxurious warm ── */
[data-theme="rosegold"] {
  --bg-0: #0f0a0c;
  --bg-1: #191014;
  --bg-2: #27181e;
  --text-0: #fff0f3;
  --text-1: #c9a4ae;
  --text-2: #7a505b;
  --accent: #b76e79;
  --accent-dim: rgba(183,110,121,.14);
  --accent-glow: rgba(183,110,121,.35);
  --border: rgba(255,255,255,.06);
  --border-bright: rgba(255,255,255,.13);
  --glass-bg: rgba(15,10,12,.65);
  --glass-border: rgba(183,110,121,.12);
}

/* ── PASTEL SUNSET – Soft hues ── */
[data-theme="sunset"] {
  --bg-0: #1f1118;
  --bg-1: #2a1721;
  --bg-2: #3a202d;
  --text-0: #fff0f5;
  --text-1: #e5b3cf;
  --text-2: #9b6c89;
  --accent: #ffb7b2;
  --accent-dim: rgba(255,183,178,.14);
  --accent-glow: rgba(255,183,178,.35);
  --border: rgba(255,255,255,.06);
  --border-bright: rgba(255,255,255,.13);
  --glass-bg: rgba(31,17,24,.65);
  --glass-border: rgba(255,183,178,.12);
}

/* ── FROST – Light mode, icy clean ── */
[data-theme="frost"] {
  --bg-0: #f0f4ff;
  --bg-1: #e4eaf8;
  --bg-2: #d4dcf0;
  --text-0: #1a2040;
  --text-1: #4a5580;
  --text-2: #8090b8;
  --accent: #3b6ff5;
  --accent-dim: rgba(59,111,245,.12);
  --accent-glow: rgba(59,111,245,.25);
  --border: rgba(0,0,0,.07);
  --border-bright: rgba(0,0,0,.14);
  --glass-bg: rgba(240,244,255,.75);
  --glass-border: rgba(59,111,245,.15);
}

[data-theme="frost"] body { background: var(--bg-0); }

[data-theme="frost"] #site-header {
  background: rgba(240,244,255,.85);
  border-bottom-color: var(--border);
}

[data-theme="frost"] .builder-panel {
  border-right-color: var(--border);
}

[data-theme="frost"] input,
[data-theme="frost"] select,
[data-theme="frost"] textarea {
  background: rgba(255,255,255,.7);
  color: var(--text-0);
}

[data-theme="frost"] .digit-box { background: rgba(255,255,255,.7); }

[data-theme="frost"] .timer-event-name { color: var(--text-1); }

/* Starfield visibility by theme */
[data-theme="cosmos"] #starfield { opacity: 1; }
[data-theme="nebula"] #starfield { opacity: .9; }
[data-theme="aurora"] #starfield { opacity: .7; }
[data-theme="solar"] #starfield { opacity: .6; }
[data-theme="void"] #starfield { opacity: .3; }
[data-theme="prism"] #starfield { opacity: 1; }
[data-theme="frost"] #starfield { opacity: .08; }
[data-theme="tokyo"] #starfield { opacity: .95; filter: hue-rotate(280deg); }
[data-theme="matcha"] #starfield { opacity: .4; filter: hue-rotate(90deg) saturate(0.5); }
[data-theme="cyberpunk"] #starfield { opacity: .8; filter: hue-rotate(45deg); }
[data-theme="rosegold"] #starfield { opacity: .7; filter: hue-rotate(340deg); }
[data-theme="sunset"] #starfield { opacity: .8; filter: hue-rotate(320deg); }

/* Starfield tints */
[data-theme="nebula"] #starfield { filter: hue-rotate(60deg); }
[data-theme="aurora"] #starfield { filter: hue-rotate(130deg); }
[data-theme="solar"] #starfield { filter: hue-rotate(220deg) saturate(0.6); }
[data-theme="prism"] #starfield { animation: starfieldHue 12s linear infinite; }
@keyframes starfieldHue { to { filter: hue-rotate(360deg); } }