/* ─────────────────────────────────────────────────────────────────────
   theme.css — 3DiSplit colour tokens
   ─────────────────────────────────────────────────────────────────────
   This is the ONLY file that changes between client projects.
   main.css and main.js are identical across all sites built on this base.
   To re-theme: edit the values below. To swap themes per-page: swap this file.
───────────────────────────────────────────────────────────────────── */

:root {
  --bg:          #0f1117;
  --surface:     #16181f;
  --surface-2:   #1e2028;
  --border:      #2a2d3a;
  --text:        #f1f2f6;
  --muted:       #6b7095;
  --accent:      #f97316;
  --accent-dim:  rgba(249,115,22,.12);
  --accent-glow: rgba(249,115,22,.28);
  --on-accent:   #fff;
  --radius:      10px;
  --shadow:      0 4px 32px rgba(0,0,0,.5);
  --transition:  .25s ease;
}

[data-theme="light"] {
  --bg:          #f4f5fa;
  --surface:     #ffffff;
  --surface-2:   #eef0f7;
  --border:      #d8dbe8;
  --text:        #0c0e16;
  --muted:       #5c6280;
  --accent:      #ea6c0a;
  --accent-dim:  rgba(234,108,10,.1);
  --accent-glow: rgba(234,108,10,.2);
  --on-accent:   #fff;
  --shadow:      0 4px 32px rgba(0,0,0,.08);
}