:root {
  --bg: #000;
  --panel: #080808;
  --text: #fff;
  --muted: rgb(255 255 255 / 0.62);
  --accent: #02fe01;
  --ember: #ff6a1a;
  --ice: #9bdcf5;
  --border: rgb(255 255 255 / 0.1);
  --radius: 12px;
  --cta: var(--accent);
  --cta-glow: rgb(2 254 1 / 0.3);
}
html[data-tone="formal-light"] { --cta: #02fe01; --cta-glow: rgb(2 254 1 / 0.28); }
html[data-tone="casual"] { --cta: #02fe01; --cta-glow: rgb(2 254 1 / 0.32); }
html[data-tone="habit"] { --cta: #ff6a1a; --cta-glow: rgb(255 106 26 / 0.3); --ice: #9bdcf5; }