/* ============================================================
   THEME: dark (default) — TradeOn
   Pure black + lime accent. OLED-max contrast.
   Extracted verbatim from stage-zero-preview.html :root.
   Applies when <html data-theme="dark"> or no data-theme attr.
   ============================================================ */

[data-theme="dark"],
:root {
  --bg: #010101;
  --bg-grad: none;
  --panel: #050505;
  --panel-2: #0d0d0d;
  --panel-3: #1a1a1a;
  --border: #1f1f1f;
  --border-soft: #141414;
  --hair: rgba(255, 255, 255, 0.05);

  --text: #e8e8e8;
  --text-dim: #8a8a8a;
  --text-faint: #5a5a5a;
  --text-ghost: #3a3a3a;

  /* primary accent — lime */
  --accent: #CCFF00;
  --accent-fade: rgba(204, 255, 0, 0.04);
  --accent-soft: rgba(204, 255, 0, 0.10);
  --accent-line: rgba(204, 255, 0, 0.22);
  --accent-strong: rgba(204, 255, 0, 0.30);
  --accent-glow: none;
  --accent-ink: #010101;

  /* alert accent — same as primary in dark (no separate alert role) */
  --accent-2: #CCFF00;
  --accent-2-soft: rgba(204, 255, 0, 0.10);
  --accent-2-line: rgba(204, 255, 0, 0.30);
  --accent-2-glow: none;

  --warn: #FA6A02;
  --red: #FA4B4A;
  --green: #4CAF50;
  --blue: #205D71;
  --purple: #c084fc;

  --gutter: 30px;
  --radius: 10px;
  --radius-sm: 6px;

  /* body font weight — overridden in light to 300 */
  --body-weight: 500;
}
