/* ============================================================
   GUIDE DESIGN SYSTEM — RADIUS TOKENS
   ============================================================ */

:root {
  --radius-4:  4px;   /* S — inputs at compact density */
  --radius-8:  8px;   /* M — default: inputs, cards, alerts, chips */
  --radius-12: 12px;  /* L — larger surfaces */
  --radius-16: 16px;
  --radius-20: 20px;
  --radius-full: 999px; /* pills, buttons, avatars, badges */

  /* Semantic aliases */
  --radius-control: var(--radius-8);
  --radius-surface: var(--radius-8);
  --radius-pill: var(--radius-full);
}