/* ------------------------------------------------------------------
   BORDERS & RADII
   The brand is square. Radius exists only for pills (tags, buttons)
   and for the circular diagram nodes. Nothing else is rounded.
   ------------------------------------------------------------------ */
:root{
  --radius-none:0px;
  --radius-pill:999px;
  --radius-circle:50%;

  --rule-hair:1px;
  --rule:2px;
  --rule-thick:4px;
  --rule-slab:8px;   /* the heavy bar under a wordmark / section head */

  --border-default:var(--rule-hair) solid var(--border-hairline); /* @kind other */
  --border-emphasis:var(--rule) solid var(--border-rule); /* @kind other */
  --focus-ring:2px solid var(--odp-blue); /* @kind other */
  --focus-offset:2px; /* @kind spacing */
}