/* Radii and borders. The system is FLAT: elevation comes from surface value
   plus a 1px border, never from a drop shadow. */
:root{
  --r-xs:4px;
  --r-sm:7px;
  --r-md:8px;
  --r-lg:10px;
  --r-xl:12px;
  --r-2xl:14px;
  --r-pill:999px;

  --bw:1px; /* @kind other */
  --focus-ring:0 0 0 2px var(--bg),0 0 0 4px var(--brand);
  --shadow-none:none;
}