/* ============================================================
   Stakely — Radii & spacing tokens
   Radii verbatim from StakelyBorderRadius. Buttons are near-pill (19.4px),
   surfaces 20px, most inputs/selects 12px. Spacing is an 8px-ish rhythm
   inferred from component padding (6/10/15/20/30px recur throughout).
   ============================================================ */

:root {
  /* ---- Border radius ---- */
  --radius-button: 19.4px;   /* pill-like primary buttons */
  --radius-switch: 13px;
  --radius-autocomplete: 12px;
  --radius-accordion: 12px;
  --radius-surface: 20px;    /* cards, surfaces, alerts */
  --radius-select: 12px;
  --radius-input: 12px;
  --radius-toggle: 35px;
  --radius-chip: 20px;
  --radius-chip-reduced: 12px;
  --radius-infobox: 12px;
  --radius-tag: 3.645px;     /* tiny pill on Tag */

  /* ---- Spacing scale (recurring component padding values) ---- */
  --space-1: 4px;
  --space-2: 6px;
  --space-3: 10px;
  --space-4: 15px;
  --space-5: 20px;
  --space-6: 30px;
  --space-7: 40px;

  /* Common component paddings */
  --pad-button: 15px 30px;
  --pad-button-reduced: 6px 16px;
  --pad-surface: 20px;
  --pad-input: 15px 15px 15px 30px;
}