/* RADIUS TOKENS — t-shirt aliases over the 4pt scale (bolt-ds semantic/radii.ts).
 * Radius scales WITH container size; nested surfaces step DOWN one size.
 *   compact card / row ≤200pt → s (16)   ·   hero card ≥300pt → xl (32)
 *   white nested-in-hero → l (24)         ·   rounded action tile → xs (12)
 *   buttons / icon buttons / pills → full (999) */
:root {
  --radius-none: 0px;
  --radius-xxxs: 4px;
  --radius-xxs: 8px;
  --radius-xs: 12px;
  --radius-s: 16px;
  --radius-m: 20px;
  --radius-l: 24px;
  --radius-xl: 32px;
  --radius-xxl: 40px;
  --radius-xxxl: 48px;
  --radius-full: 999px;
}