/* ============================================================
   THEME: TOXIC
   Mood: hazmat terminal. Acid green on cold charcoal, corners
   nearly square, CRT scanlines crawling over everything, tiny
   flecks jittering upward. Reads as equipment, not jewellery.
   Fonts: Chakra Petch (display + body, different weights)
   ============================================================ */
[data-theme="toxic"] {
  --bg: #060a07;
  --surface: #0d130f;
  --surface-2: #141c16;
  --surface-3: #1c261e;
  --rim: rgba(57, 224, 122, 0.14);
  --rim-strong: rgba(57, 224, 122, 0.3);

  --accent: #39e07a;
  --accent-2: #7cff9f;
  --accent-dim: #0d3d1f;
  --support: #c6ff3d;
  --support-2: #00d9a3;

  --text: #e4ffe9;
  --text-dim: #7fa98b;
  --text-dimmer: #5e8168;
  --on-accent: #060a07;

  /* angular, machined, slightly compressed */
  --font-display: 'Chakra Petch', sans-serif;
  --font-body: 'Chakra Petch', sans-serif;
  --display-weight: 700;
  --display-tracking: 0.16em;
  --display-transform: uppercase;
  --display-line: 1.05;
  --display-scale: 0.9;
  --body-weight: 400;
  --body-weight-strong: 600;
  --body-tracking: 0.02em;
  --body-line: 1.5;
  --body-scale: 0.98;

  /* hard edges — this theme is equipment */
  --r-xs: 0px;
  --r-sm: 2px;
  --r-md: 3px;
  --r-lg: 4px;
  --r-xl: 5px;
  --border-w: 1px;

  --glow-alpha: 0.16;
  --glow-blur: 70px;
  --noise-opacity: 0.05;
  --panel-blur: 8px;
  --scanline-alpha: 0.4;
  --vignette-alpha: 0.34;
  --bloom-alpha: 0;

  --dur-fast: 80ms;
  --dur: 150ms;
  --dur-slow: 260ms;
  --float-amp: 3px;

  --particle-kind: fleck;
  --particle-count: 30;
  --particle-min: 1;
  --particle-max: 3;
  --particle-speed: 4;
  --particle-drift: 46;
  --particle-opacity: 0.55;
  --particle-color: #39e07a;
}

/* Toxic-only flourish: a faint channel split on display type,
   like a signal that isn't quite locked. */
[data-theme="toxic"] .display-hero {
  text-shadow:
    -1px 0 0 color-mix(in srgb, var(--support) 55%, transparent),
     1px 0 0 color-mix(in srgb, var(--support-2) 45%, transparent);
}