/* PHOSPHOR theme tokens — wordart shared.
   Replaces the old multi-theme system with a single phosphor identity
   matching kamicrafts.com/open: mint #5df2a6 on near-black #0a0f0d,
   mono everywhere, 4-6px radii, soft glow accents. */

:root{
  /* Phosphor base — exposed as both new kami-* and legacy tokens so the
     control panel + chrome rules keep their references intact. */
  --kami-bg:#0a0f0d;
  --kami-bg-grad:radial-gradient(140% 100% at 50% -10%, #11201b 0%, #0a0f0d 60%);
  --kami-surface:#0f1714;
  --kami-surface-2:#0c1311;
  --kami-surface-3:#142019;

  --kami-ink:#5df2a6;
  --kami-ink-dim:#2f9e6a;
  --kami-ink-faint:#1f6b49;

  --kami-border:rgba(93,242,166,.22);
  --kami-border-strong:rgba(93,242,166,.38);

  --kami-accent:#5df2a6;
  --kami-accent-ink:#07140d;
  --kami-accent-soft:rgba(93,242,166,.12);

  --kami-glow:0 0 1px rgba(93,242,166,.55);
  --kami-glow-strong:0 0 8px rgba(93,242,166,.35);
  --kami-shadow:0 8px 30px rgba(0,0,0,.45);

  --kami-radius:4px;
  --kami-radius-lg:6px;
  --kami-radius-pill:6px;

  --kami-font:'SF Mono','Menlo','JetBrains Mono',ui-monospace,monospace;
  --kami-font-mono:var(--kami-font);
  --kami-font-body:var(--kami-font);
  --kami-font-display:var(--kami-font);
  --kami-font-ui:var(--kami-font);

  /* Legacy tokens — mapped to phosphor equivalents so existing rules
     across chrome.css / gui.css keep working without churn. */
  --bg:var(--kami-bg);
  --text:var(--kami-ink);
  --border:var(--kami-border);
  --thumb:var(--kami-accent);
  --accent:var(--kami-accent);

  --panel-bg:var(--kami-surface);
  --panel-border:var(--kami-border);
  --panel-text:var(--kami-ink);
  --panel-title-bg:var(--kami-surface-2);
  --panel-title-text:var(--kami-ink);

  --slider-track:var(--kami-surface-2);
  --slider-fill:var(--kami-accent-soft);
  --slider-knob:var(--kami-accent);

  --input-bg:var(--kami-surface-2);
  --input-border:var(--kami-border);
  --input-text:var(--kami-ink);

  --button-bg:transparent;
  --button-text:var(--kami-ink);
  --button-bg-hover:var(--kami-accent-soft);
  --button-text-hover:var(--kami-accent);

  --chrome-text:var(--kami-ink);

  --mono:var(--kami-font);
  --sans:var(--kami-font);

  color-scheme:dark;
}

/* Neutralise every legacy [data-theme] so the page renders phosphor
   regardless of what theme.js sets. Each block re-declares the same
   phosphor tokens, so cycling themes is now a no-op visually. */
html[data-theme="brutalist"],
html[data-theme="editorial"],
html[data-theme="terminal"],
html[data-theme="zen"],
html[data-theme="default"]{
  --bg:var(--kami-bg);
  --text:var(--kami-ink);
  --border:var(--kami-border);
  --accent:var(--kami-accent);
  --panel-bg:var(--kami-surface);
  --panel-border:var(--kami-border);
  --panel-text:var(--kami-ink);
  --panel-title-bg:var(--kami-surface-2);
  --panel-title-text:var(--kami-ink);
  --slider-track:var(--kami-surface-2);
  --slider-fill:var(--kami-accent-soft);
  --slider-knob:var(--kami-accent);
  --input-bg:var(--kami-surface-2);
  --input-border:var(--kami-border);
  --input-text:var(--kami-ink);
  --button-bg:transparent;
  --button-text:var(--kami-ink);
  --button-bg-hover:var(--kami-accent-soft);
  --button-text-hover:var(--kami-accent);
  --chrome-text:var(--kami-ink);
  color-scheme:dark;
}