/* PUSHPACE — Spacing & layout tokens (4px base grid) */
:root{
  --space-0:0;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:48px;
  --space-8:64px;
  --space-9:96px;
  --space-10:128px;

  /* Component paddings */
  --pad-btn-y:14px;
  --pad-btn-x:28px;
  --pad-card:24px;
  --pad-tile:20px;

  /* Layout */
  --container-max:1200px;
  --gutter:24px;
  --logo-clearspace:1em; /* one "P" height on every side */

  /* Radii — the mark is a rounded stadium; UI stays crisp */
  --radius-none:0;
  --radius-sm:4px;
  --radius-md:8px;
  --radius-lg:16px;
  --radius-pill:999px;   /* stadium / lane curve — chips, buttons */
  --radius-tile:12px;    /* station tile */
}
