/* ============================================================
   Urban Passport — Spacing, Radii & Layout Tokens   ·   "Daylight"
   8pt-derived scale. Radii are bigger & rounder than the old
   parchment set — modern app cards read soft and friendly.
   ============================================================ */
:root {
  /* ---- Spacing scale ---- */
  --space-0:   0;
  --space-1:   4px;
  --space-2:   8px;
  --space-3:   12px;
  --space-4:   16px;   /* base gutter */
  --space-5:   20px;
  --space-6:   24px;
  --space-8:   32px;
  --space-10:  40px;
  --space-12:  48px;
  --space-16:  64px;

  /* ---- Semantic spacing ---- */
  --gutter:        var(--space-5);   /* screen edge padding              */
  --stack-tight:   var(--space-2);
  --stack:         var(--space-4);
  --stack-loose:   var(--space-6);
  --card-pad:      var(--space-4);
  --card-pad-lg:   var(--space-5);

  /* ---- Radii (soft, modern) ---- */
  --radius-xs:   8px;
  --radius-sm:   12px;
  --radius-md:   16px;   /* default control / button                    */
  --radius-lg:   20px;   /* cards                                       */
  --radius-xl:   28px;   /* big cards, collectible card, sheets         */
  --radius-2xl:  36px;   /* hero / bottom sheets                        */
  --radius-pill: 999px;  /* chips, pills, the round seal                */

  /* ---- Touch & layout ---- */
  --tap-min:      44px;  /* minimum hit target                          */
  --device-w:     390px; /* reference mobile canvas width               */
  --content-max:  640px; /* readable column                             */
}