/* Roamn — Spacing & layout tokens
   Loose, generous rhythm — a field guide has air, not density. */

:root {
  /* ---- Space scale ---- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 10px;
  --space-4: 12px;
  --space-5: 14px;
  --space-6: 18px;
  --space-7: 24px;
  --space-8: 28px;
  --space-10: 36px;
  --space-12: 48px;
  --space-16: 60px;   /* section vertical padding */

  /* ---- Component padding ---- */
  --pad-card: 24px;
  --pad-tile: 16px;
  --pad-button-y: 11px;
  --pad-button-x: 18px;
  --pad-chip-y: 7px;
  --pad-chip-x: 12px;

  /* ---- Layout ---- */
  --wrap-max: 1000px;
  --wrap-gutter: 28px;
  --phone-width: 264px;   /* the mobile mock frame */
  --gap-tight: 8px;
  --gap: 14px;
  --gap-loose: 18px;
}