/* ============================================================
   RADIUS
   ------------------------------------------------------------
   Figma 58:6530. The token name IS the pixel value, like
   --space-*, --w-* and --text-*.

   Found in the screens: 2 7 9 10 12 16 20 28 100 900 999 9999.
   2 → 3, 7 → 6, 10 → 9, 28 → 24, and the four spellings of a
   pill collapse into --radius-full.
   ============================================================ */

:root {
  --radius-0:    0;
  --radius-3:    3px;
  --radius-6:    6px;
  --radius-9:    9px;
  --radius-12:  12px;
  --radius-16:  16px;
  --radius-20:  20px;
  --radius-24:  24px;
  --radius-full: 999px;
}