/* ============================================================
   SPACING & RADII — Parks Genie
   A 4pt rhythm. Cards are generously rounded (iOS continuous-
   corner feel); pills are fully round; thumbs sit between.
   ============================================================ */

:root {
  /* spacing scale (4pt base) */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;   /* default card padding / gap            */
  --sp-4:  16px;
  --sp-5:  20px;
  --sp-6:  24px;
  --sp-8:  32px;
  --sp-10: 40px;

  /* corner radii */
  --r-pill:    999px;  /* chips, pills, avatars              */
  --r-field:   14px;   /* inputs, segmented controls         */
  --r-btn:     11px;   /* buttons                            */
  --r-thumb:   15px;   /* attraction thumbnails              */
  --r-card-sm: 17px;   /* dense / nested cards               */
  --r-card:    20px;   /* standard card                      */
  --r-card-lg: 22px;   /* hero card                          */
  --r-sheet:   28px;   /* bottom-sheet top corners           */

  /* device-screen geometry (phone mock) */
  --safe-top:    56px;   /* status bar + breathing room       */
  --safe-bottom: 18px;   /* home-indicator inset              */
  --gutter:      14px;   /* screen side gutter                */

  /* hit target floor */
  --hit-min: 44px;
}