/* ============================================================
   INTRADCO — SPACING & LAYOUT TOKENS
   The system is built on a departure-board logic: generous
   section padding, a 1200px reading column, and grids whose
   "borders" are really a 1–2px gap showing the hairline color
   underneath. Corners are SHARP everywhere except buttons.
   ============================================================ */
:root {
  /* ---- Spacing scale (4px base) ---- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 26px;
  --sp-7: 34px;
  --sp-8: 42px;
  --sp-9: 56px;
  --sp-10: 64px;
  --sp-12: 80px;    /* horizontal section padding */
  --sp-14: 104px;   /* vertical section padding */
  --sp-16: 120px;   /* hero / media band padding */

  /* ---- Layout ---- */
  --container: 1200px;     /* primary reading column */
  --container-wide: 1360px;
  --nav-height: 78px;
  --section-pad-y: 110px;
  --section-pad-x: 80px;
  --section-pad-y-mobile: 74px;
  --section-pad-x-mobile: 26px;

  /* ---- The "gap-as-border" grid hairline ---- */
  --grid-gap: 2px;      /* light grids: cards separated by hairline */
  --grid-gap-thin: 1px; /* dark route/schedule boards */

  /* ---- Radii — Intradco is overwhelmingly SQUARE ---- */
  --radius-none: 0;       /* default for cards, badges, panels */
  --radius-btn: 6px;      /* the ONLY rounded element: buttons */
  --radius-pill: 999px;   /* rare — status dots only */

  /* ---- Bullet marker (small green square, not a disc) ---- */
  --bullet-size: 7px;

  /* ---- Semantic aliases ---- */
  --space-section-y: var(--section-pad-y);
  --space-section-x: var(--section-pad-x);
  --space-card: 42px 38px;     /* standard card inset */
  --space-card-tight: 24px 30px;
}