:root{
  /* ── Radii: near-square. The brand mark is a hard square;
        only small controls get a hairline radius. ──────── */
  --r-none:0; /* @kind radius */
  --r-xs:3px;      /* inline code chips */
  --r-sm:4px;      /* buttons, inputs, badges */
  --r-md:8px;      /* icon tiles */
  --r-pill:999px;  /* status dots only */

  /* ── Borders ───────────────────────────────────────── */
  --bw-hair:1px; /* @kind spacing */
  --bw-accent:2px; /* @kind spacing */   /* accent rule beside subtitles */
  --bw-accent-lg:3px; /* @kind spacing */ /* header underline, info-note edge */

  /* ── Shadows: one, and it is very light ────────────── */
  --shadow-none:none;
  --shadow-card-hover:0 6px 12px rgba(0,0,0,.05);
  --shadow-overlay:0 12px 32px rgba(0,0,0,.12);
  --focus-ring:0 0 0 3px var(--accent-md);
}