/* ============ DECODE — monthly "new season" themes ============
   Apply with: document.body.dataset.theme = "jan" | "feb" | ... | "dec"
   (the monthly cron flips this on the 1st; no attribute = default :root theme).

   Variable overrides ONLY — no layout changes. The brand anchors stay fixed
   in every theme: the blueprint grid + ambient glow wash (body::before),
   the dark CRT terminal, and the dark navy footer. What rotates is the neon
   accent family (--blue/--cyan/--mag/--amber) and the canvas temperature
   (--bg/--bg2/--panel/--panel2). Body text vars (--ink/--txt/--mut/--dim)
   are untouched everywhere: dark-on-light readability is guaranteed.
   --radius stays 14px (inherited, never overridden).
   ================================================================ */

/* JAN — "Neon Keynote" — CES unveilings: electric keynote blue melts into
   hot unveiling pink; buttons and the wordmark glow like a stage reveal. */
body[data-theme="jan"] {
  --bg: #edf1fb; --bg2: #dfe7fa; --panel: #ffffff; --panel2: #f4f7ff;
  --blue: #1e40ff; --cyan: #00c2ff; --mag: #ff2ea6;
  --amber: #ffb020; --amber-dk: #b45309;
  --green: #00c389; --purple: #7c3aed; --red: #f43f5e;
}

/* FEB — "Deep Signal" — deep-signal indigo: a calm, focused month; the hero
   gradient runs indigo into rose, like signal rising out of noise. */
body[data-theme="feb"] {
  --bg: #eef0fa; --bg2: #e0e4f7; --panel: #ffffff; --panel2: #f5f6fd;
  --blue: #4338ca; --cyan: #38bdf8; --mag: #e1439e;
  --amber: #f59e0b; --amber-dk: #b45309;
  --green: #10b981; --purple: #8b5cf6; --red: #ef4444;
}

/* MAR — "Spring Circuit" — fresh teal-led circuits with pink solder sparks;
   the most alive the canvas feels all year. */
body[data-theme="mar"] {
  --bg: #f0f7f2; --bg2: #ddede2; --panel: #ffffff; --panel2: #f4faf6;
  --blue: #0f766e; --cyan: #22d3ee; --mag: #ec4899;
  --amber: #f59e0b; --amber-dk: #b45309;
  --green: #16a34a; --purple: #7c3aed; --red: #ef4444;
}

/* APR — "Cipher Blue" — RSAC month: steel security blue with alert-amber
   tripwires; locked-down, authoritative neon. */
body[data-theme="apr"] {
  --bg: #ebf1fa; --bg2: #d9e4f6; --panel: #ffffff; --panel2: #f3f7fd;
  --blue: #1d4ed8; --cyan: #0ea5e9; --mag: #d946ef;
  --amber: #f59e0b; --amber-dk: #b45309;
  --green: #059669; --purple: #6d28d9; --red: #dc2626;
}

/* MAY — "Bloom Protocol" — orchid violet blooming into hot pink on the
   wordmark; vivid but warm, spring at full power. */
body[data-theme="may"] {
  --bg: #faf0f5; --bg2: #f3dfe9; --panel: #ffffff; --panel2: #fdf4f8;
  --blue: #7c3aed; --cyan: #22d3ee; --mag: #ec4899;
  --amber: #f59e0b; --amber-dk: #b45309;
  --green: #16a34a; --purple: #a855f7; --red: #f43f5e;
}

/* JUN — "Prism Season" — WWDC iridescence: violet melts through cyan to
   pink across every gradient; the site shimmers like a keynote sizzle reel. */
body[data-theme="jun"] {
  --bg: #f0f2fb; --bg2: #e2e6f9; --panel: #ffffff; --panel2: #f5f6fe;
  --blue: #6d28d9; --cyan: #22d3ee; --mag: #f472b6;
  --amber: #fbbf24; --amber-dk: #b45309;
  --green: #34d399; --purple: #8b5cf6; --red: #fb7185;
}

/* JUL — "Solar Flare" — amber-forward: gradients burn blue into coral and
   gold; the warmest month, still crisp on the light canvas. */
body[data-theme="jul"] {
  --bg: #faf3e8; --bg2: #f3e6d2; --panel: #ffffff; --panel2: #fdf8ef;
  --blue: #1d4ed8; --cyan: #38bdf8; --mag: #fb4d6d;
  --amber: #f59e0b; --amber-dk: #b45309;
  --green: #16a34a; --purple: #7c3aed; --red: #ef4444;
}

/* AUG — "Blackout Matrix" — Black Hat + DEF CON: emerald-led hacker energy;
   phosphor green accents pulse against the blueprint grid, links stay deep
   emerald so text never suffers. */
body[data-theme="aug"] {
  --bg: #ecf3ee; --bg2: #d8e8dc; --panel: #ffffff; --panel2: #f2f8f4;
  --blue: #047857; --cyan: #22d3ee; --mag: #e1439e;
  --amber: #f59e0b; --amber-dk: #b45309;
  --green: #00c853; --purple: #7c3aed; --red: #ef4444;
}

/* SEP — "Back to Build" — fall launch season: steel blue and copper, ember
   crimson gradients; serious, product-launch energy. */
body[data-theme="sep"] {
  --bg: #f3efe9; --bg2: #e7ded2; --panel: #ffffff; --panel2: #faf7f1;
  --blue: #1e40af; --cyan: #0ea5e9; --mag: #e11d48;
  --amber: #d97706; --amber-dk: #92400e;
  --green: #059669; --purple: #7c3aed; --red: #dc2626;
}

/* OCT — "Ember Watch" — Cybersecurity Awareness Month: cyber-orange alert
   month; the wordmark burns orange into red, vigilance you can see. */
body[data-theme="oct"] {
  --bg: #faf1e8; --bg2: #f2e2d0; --panel: #ffffff; --panel2: #fdf6ee;
  --blue: #c2410c; --cyan: #f59e0b; --mag: #e11d48;
  --amber: #fbbf24; --amber-dk: #92400e;
  --green: #059669; --purple: #7c3aed; --red: #dc2626;
}

/* NOV — "Zero-Day Dusk" — violet-noir gradients with a rose afterglow;
   the moodiest month, still unmistakably bright-canvas DECODE. */
body[data-theme="nov"] {
  --bg: #f0edf5; --bg2: #ddd6ea; --panel: #ffffff; --panel2: #f6f4fb;
  --blue: #5b21b6; --cyan: #67e8f9; --mag: #db2777;
  --amber: #f59e0b; --amber-dk: #b45309;
  --green: #10b981; --purple: #8b5cf6; --red: #e11d48;
}

/* DEC — "Arctic Ice" — glacial cyan and ice blue, frost-crisp gradients;
   cool and sharp, zero tinsel, never holiday-cheesy. */
body[data-theme="dec"] {
  --bg: #eef4fa; --bg2: #dbe9f5; --panel: #ffffff; --panel2: #f2f8fd;
  --blue: #0369a1; --cyan: #22d3ee; --mag: #a78bfa;
  --amber: #f59e0b; --amber-dk: #b45309;
  --green: #10b981; --purple: #8b5cf6; --red: #f43f5e;
}