:root{
  --lab-white:#F1F2F3; --ink-cool:#0E0F11; --steel-night:#141517; --graphite:#2B2D30; --steel:#8B8E92; --aluminum:#C9CCCF;
  --silver-hi:#CFD2D5; --silver-lo:#C7CACD;
  --rk-lit:#E6E9EC; --rk-mid:#CDD0D3; --rk-shade:#BDC0C4; --rk-deep:#AEB1B6; --rk-hover-lit:#ECEFF2;
  /* page-ground raking-key — the whole surface read as light grazing matte material (subtler than the card) */
  --bg-rk-lit:#F8F9FA; --bg-rk-mid:#E0E3E6; --bg-rk-shade:#C7CBD1; --bg-rk-deep:#A8ACB4; --bg-rk-bloom:rgba(255,255,255,0.8);
  /* brushed-metal display type — a STRONG single raking light-sweep grazing dark steel
     (dark ends, one bright steel band ~50%). peak #8B8E92 stays AA-large on lab-white. */
  --metal-ink:linear-gradient(118deg,#0B0C0E 0%,#6A7079 15%,#8B8E92 27%,#42474D 40%,#0C0D0F 50%,#42474D 60%,#8B8E92 73%,#6A7079 85%,#0B0C0E 100%);
  --ok:#6E8B5A; --err:#9B3D3D;
  --radius:0; --grain:0.04;
  --font-brand:'Biko','Almoni',system-ui,sans-serif;
  --font-product:'Coolvetica','Almoni',sans-serif;
  --font-he:'Almoni','Biko',sans-serif;
  --font-util:'Typo Hoop','Biko',monospace;
  --ease:cubic-bezier(0.22,1,0.36,1); --ease-in-out:cubic-bezier(0.65,0,0.35,1);
  /* 2026-07-04 design-critique #5 — one tempo. Three sanctioned durations:
     micro (color/opacity ticks), quick (all interactions: buttons, hovers,
     nav, underlines), reveal (scroll entrances). Page-load hero entrance is
     the single allowed longer beat. New CSS must use these, not ad-hoc ms. */
  --t-micro:200ms; --t-quick:350ms; --t-reveal:800ms;
  --bg:var(--lab-white); --bg-warm:var(--lab-white); --bg-dark:var(--steel-night);
  --fg:var(--ink-cool); --muted:#5F6469; /* 2026-07-04 a11y: was var(--steel)=#8B8E92 (~2.7:1 on lab-white, FAILS WCAG 1.4.3); #5F6469 clears ~5.3:1. .night below keeps steel (fine on dark). */
  --hairline:rgba(14,15,17,0.12); --hairline-dark:rgba(201,204,207,0.16);
  --display:var(--font-brand); --sans:var(--font-brand); --mono:var(--font-brand); --wordmark:var(--font-brand);
  --plum:var(--ink-cool); --plum-mid:var(--steel); --plum-rose:var(--steel); --plum-wash:var(--lab-white);
  --accent:var(--ink-cool); --accent-soft:var(--steel); --accent-deep:var(--ink-cool); --accent-wash:var(--lab-white);
  --bg-dark-warm:var(--graphite); --on-dark:var(--aluminum);
}
.night,[data-mode="night"]{ --bg:var(--steel-night); --fg:var(--aluminum); --muted:var(--steel); --hairline:rgba(201,204,207,0.16);
  --bg-rk-lit:#1C1E20; --bg-rk-mid:#181A1C; --bg-rk-shade:#141517; --bg-rk-deep:#0F1012; --bg-rk-bloom:rgba(255,255,255,0.06); }