:root{
  --bg:#0b0b0a;
  --bg-2:#131311;
  --surface:#191815;
  --surface-2:#23221e;
  --line:#2a2824;
  --line-strong:#3a3831;
  --ink:#f3efe5;
  --ink-soft:#b9b2a1;
  --ink-dim:#7a7466;
  --accent:#d4ff3e;          /* electric lime */
  --accent-2:#ff5c29;         /* vermilion accent */
  --warn:#ffbe55;
  --radius:14px;
  --radius-lg:22px;
  /* Body-wide radial background layers (theme-aware) */
  --body-glow-1: rgba(212,255,62,.07);
  --body-glow-2: rgba(255,92,41,.05);
  /* Toned overlays */
  --ink-scrim: rgba(255,255,255,.05);
  --ink-scrim-soft: rgba(255,255,255,.03);
  --shadow-sm: 0 2px 8px rgba(0,0,0,.25);
  --shadow-md: 0 8px 24px rgba(0,0,0,.35);
  --shadow-lg: 0 20px 48px rgba(0,0,0,.5);
}

/* ═══ LIGHT THEME ═══ */
body[data-theme="light"]{
  --bg:#fafaf7;
  --bg-2:#f0efea;
  --surface:#ffffff;
  --surface-2:#f5f4ee;
  --line:#e2e1d8;
  --line-strong:#c7c6bc;
  --ink:#1a1a18;
  --ink-soft:#4a4842;
  --ink-dim:#80807a;
  --accent:#8baa1e;          /* muted lime for light */
  --accent-2:#e84e1c;         /* slightly deeper vermilion */
  --warn:#d69a2f;
  --body-glow-1: rgba(139,170,30,.08);
  --body-glow-2: rgba(232,78,28,.06);
  --ink-scrim: rgba(0,0,0,.04);
  --ink-scrim-soft: rgba(0,0,0,.02);
  --shadow-sm: 0 2px 8px rgba(0,0,0,.08);
  --shadow-md: 0 8px 24px rgba(0,0,0,.1);
  --shadow-lg: 0 20px 48px rgba(0,0,0,.15);
}