/* ============================================================
   Paymeter · iPark — Spacing, radii & layout tokens
   ============================================================ */
:root {
  /* ---- Spacing scale ---- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;
  --sp-10: 128px;

  /* ---- Radii ---- */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 18px;
  --r-xl: 24px;     /* the canonical card radius */
  --r-2xl: 28px;    /* large phone-style cards */
  --r-pill: 9999px; /* all buttons are pills */

  /* ---- Layout ---- */
  --container-max: 1200px;   /* @kind spacing */
  --container-pad: 24px;     /* @kind spacing */
  --header-h: 72px;          /* @kind spacing */
}