/* Design tokens. Light theme is the default; dark theme is switched by <html data-theme="dark">. */
:root{
  --ink:#0d1320;
  --ink-2:#2a3342;
  --muted:#5b6574;
  --accent:#5f7aa0;      /* blue-grey for accented headline words */
  --accent-2:#8ea4c2;
  --bg:#f4f6f9;
  --bg-2:#eaeef3;
  --card:#ffffff;
  --line:#d8dee7;
  --navy:#0f1d33;
  --radius:4px;
  --btn-bg:#0d1320;
  --btn-fg:#ffffff;
  --input-bg:#ffffff;
  --ph-a:#c9d3e0;--ph-b:#9fb0c7;--ph-c:#6e84a3;
  /* Circuit background (canvas): colours as "r,g,b", opacity 0-1 */
  --circuit-rgb:78,104,145;        /* traces, pads, chips */
  --circuit-glow-rgb:38,98,210;    /* light pulses and glowing pads */
  --circuit-line-alpha:.36;
  --circuit-glow-alpha:.85;
  --maxw:1280px;
  --display:"Archivo", "Helvetica Neue", Arial, sans-serif;
  --body:"Inter", "Helvetica Neue", Arial, sans-serif;
}

/* ---------- DARK MODE ---------- */
:root[data-theme="dark"]{
  --ink:#e8edf4;
  --ink-2:#c3ccd8;
  --muted:#8d98a8;
  --accent:#8ea8cc;
  --bg:#0b111c;
  --bg-2:#121a28;
  --card:#141d2c;
  --line:#263145;
  --navy:#070d17;
  --btn-bg:#e8edf4;
  --btn-fg:#0b111c;
  --input-bg:#0f1724;
  --ph-a:#2a3649;--ph-b:#3a4a63;--ph-c:#50668a;
  --circuit-rgb:142,168,204;
  --circuit-glow-rgb:120,188,255;
  --circuit-line-alpha:.15;
  --circuit-glow-alpha:.8;
}