/* ───────────────────────────────────────────────
   SPACING · RADII · ELEVATION
   ─────────────────────────────────────────────── */
:root {
  /* Spacing scale (px values observed in the system) */
  --space-1: 1px;
  --space-2: 2px;
  --space-3: 3px;
  --space-4: 4px;
  --space-5: 5px;
  --space-6: 6px;
  --space-8: 8px;
  --space-10: 10px;
  --space-12: 12px;
  --space-13: 13px;
  --space-15: 15px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-25: 25px;

  /* Border radius */
  --radius-3: 3px;
  --radius-6: 6px;
  --radius-8: 8px;
  --radius-10: 10px;     /* white button */
  --radius-12: 12px;     /* buttons — the system default & max */
  --radius-16: 16px;     /* cards */
  --radius-full: 9999px; /* avatars, dots — NOT buttons */
  --radius-circle: 50%;

  /* Semantic aliases */
  --radius-button: var(--radius-12);
  --radius-card: var(--radius-16);
  --radius-badge: var(--radius-6);

  /* Elevation — whisper-level shadows */
  --shadow-subtle: rgba(0, 0, 0, 0.03) 0px 4px 24px;
  --shadow-micro: rgba(16, 24, 40, 0.04) 0px 1px 4px;
}