/* ── DOTD tokens · every colour sampled from the animated badge ────────────── */
:root{
  /* grounds */
  --void:#040C1C; --night-1:#041424; --night-2:#041C2C; --night-3:#041C3C;
  --slate-1:#042434; --slate-2:#043454; --slate-3:#0C3C5C; --steel:#144C74;
  /* badge rim */
  --rim-deep:#04128C; --rim:#041C8C; --rim-lit:#0C3CAE;
  /* plasma */
  --plasma-deep:#0C42EE; --plasma:#0494FC; --plasma-hot:#04B9FC; --plasma-core:#05C7FC;
  /* light + matter */
  --bone:#9CB4BC; --paper:#FFFFFF; --blood-deep:#6A0D1D; --blood:#561526;
  /* introduced, not in source — state only */
  --live:#34E08A; --down:#E4344A;
  /* text */
  --text-hi:#E9F4FA; --text:#A9C2CF; --text-dim:#66879A;
  --line:rgba(140,190,220,.13); --line-hi:rgba(140,200,240,.28);
  /* type */
  --f-display:"Barlow Condensed","Oswald","Arial Narrow",ui-sans-serif,system-ui,sans-serif;
  --f-body:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;
  /* motion */
  --ease-wipe:cubic-bezier(.16,.84,.28,1);
  --ease-ignite:cubic-bezier(.30,0,.10,1);
  --ease-breathe:cubic-bezier(.45,0,.55,1);
  --t-wipe:400ms; --t-portal:320ms; --t-vortex:480ms; --t-breathe:4200ms;
  /* glow recipes */
  --glow-rim:0 0 12px rgba(12,60,174,.75),0 0 42px rgba(4,28,140,.45);
  --glow-plasma:0 0 10px rgba(4,148,252,.65),0 0 32px rgba(4,148,252,.28);
  --glow-live:0 0 8px rgba(52,224,138,.8),0 0 26px rgba(52,224,138,.32);
  --glow-down:0 0 8px rgba(228,52,74,.8),0 0 26px rgba(228,52,74,.32);
}
*{box-sizing:border-box}
html,body{margin:0}
body{
  background:var(--void); color:var(--text);
  font-family:var(--f-body); font-size:14px; line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{font-family:var(--f-display);font-weight:600;color:var(--text-hi);
  letter-spacing:.02em;text-transform:uppercase;margin:0}
.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
.eyebrow{font-family:var(--f-display);font-size:11px;letter-spacing:.34em;
  text-transform:uppercase;color:var(--text-dim)}
::selection{background:rgba(4,148,252,.35);color:var(--paper)}