:root{
  /* 4px base step — the console is dense (2–12px), marketing is airy (24–120px) */
  --sp-0:0; /* @kind spacing */
  --sp-1:2px;
  --sp-2:4px;
  --sp-3:6px;
  --sp-4:8px;
  --sp-5:10px;
  --sp-6:12px;
  --sp-7:16px;
  --sp-8:20px;
  --sp-9:24px;
  --sp-10:32px;
  --sp-11:40px;
  --sp-12:56px;
  --sp-13:72px;
  --sp-14:96px;
  --sp-15:120px;

  /* section rhythm, marketing */
  --section-y:96px;
  --section-y-tight:56px;
  --gutter:24px;
  --measure:66ch; /* @kind other */

  /* layout widths */
  --page-max:1200px;
  --content-max:760px;
  --nav-h:64px;
  --console-rail:280px;   /* comms rail / sidebar width in game consoles */
  --console-header-h:56px;

  /* radii — hardware is chamfered, not rounded. Nothing above 6px. */
  --r-none:0; /* @kind radius */
  --r-xs:1px;
  --r-sm:2px;
  --r-md:3px;
  --r-lg:4px;
  --r-xl:6px;
  --r-pill:999px;         /* status pills only */
  --chamfer:10px;         /* clip-path cut on .plate / panels */
  --chamfer-sm:7px;       /* clip-path cut on buttons */
}
