/* ── NIGHT MODE (default) ── */
:root{
  --bg:#0d0f0f;--s:#131616;--s2:#191d1d;--s3:#1f2424;--s4:#252b2b;
  --bd:#252c2c;--bd2:#2e3737;
  --ac:#ff6b2b;--acd:rgba(255,107,43,.13);--ac2:rgba(255,107,43,.06);
  --gn:#00d97e;--gnd:rgba(0,217,126,.12);
  --rd:#ff3b3b;--rdd:rgba(255,59,59,.12);
  --or:#ffb020;--ord:rgba(255,176,32,.12);
  --bl:#3b9eff;--bld:rgba(59,158,255,.12);
  --pu:#a855f7;--pud:rgba(168,85,247,.12);
  --tx:#eef0f0;--tx2:#7a8a8a;--tx3:#3a4646;
  --r:8px;--rs:5px;--rl:14px;
  --mono:"JetBrains Mono",monospace;
  --disp:"Barlow Condensed",sans-serif;
  --body:"Barlow",sans-serif;
  /* grain overlay */
  --grain:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
}
/* ── DAY MODE ── */
[data-theme="light"]{
  --bg:#f2f0eb;--s:#ffffff;--s2:#f7f5f0;--s3:#eeebe4;--s4:#e5e1d8;
  --bd:#ddd9cf;--bd2:#ccc8be;
  --ac:#e8440a;--acd:rgba(232,68,10,.1);--ac2:rgba(232,68,10,.05);
  --gn:#00a85a;--gnd:rgba(0,168,90,.1);
  --rd:#d92b2b;--rdd:rgba(217,43,43,.1);
  --or:#c97d00;--ord:rgba(201,125,0,.1);
  --bl:#1a6fd4;--bld:rgba(26,111,212,.1);
  --pu:#7c3aed;--pud:rgba(124,58,237,.1);
  --tx:#0f1414;--tx2:#5a6666;--tx3:#a0a8a8;
  --bd:#d8d4cb;--bd2:#c8c4ba;
}