/* Tokens from Judy's README Design tokens section 2026-11-01; font and 今日停開 colour per owner decision 12:33 */
@font-face{font-family:Montserrat;src:url('fonts/Montserrat-VariableFont_wght.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
/* Retained local faces allow switching back by changing --font-latin only. */
@font-face{font-family:Barlow;src:url('fonts/Barlow-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url('fonts/Barlow-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Barlow;src:url('fonts/Barlow-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{
  /* Brand colours, followed by the README's derived neutrals. */
  --blue:#25408F;
  --deep:#1C378A;
  --ink:#000000;
  --card:#FFFFFF;
  --paper:#F6F7FB;
  --tabbg:#EEF0F6;
  --tint:#E9ECF4;
  --hair2:#E9ECF4;
  --hair:#DCE0ED;
  --muted:#616161;
  --ph:#737373;
  --acc:var(--blue);
  --acc-bar:var(--blue);

  /* MTR line identity colours, third-party data, not brand tokens */
  --mtr-twl:#E2231A;
  --mtr-tml:#923011;
  --mtr-ktl:#00AB4E;
  --mtr-isl:#0075C2;
  --mtr-tcl:#F7943E;
  --mtr-tkl:#7D499D;
  --mtr-ael:#00888A;
  --mtr-drl:#F173AC;
  --mtr-sil:#BAC429;
  --mtr-eal:#5EB6E4;

  /* One-line Latin/digit font switch; Chinese uses the system CJK fallback. */
  --font-latin:"Montserrat";
  --font-cjk:-apple-system,"PingFang HK","Noto Sans CJK HK","Noto Sans TC","Microsoft JhengHei",sans-serif;
  --num:var(--font-latin),var(--font-cjk);

  /* Type scale: size / weight, in CSS px. */
  --type-clock:30px; --weight-clock:600;
  --type-h1:20px; --weight-heading:800;
  --type-h2:18px; --type-add-heading:15px;
  --type-shuttle-lead:44px; --weight-lead:700;
  --type-shuttle-countdown:17px; --weight-countdown:600;
  --type-shuttle-other:22px; --weight-other:600;
  --type-countdown-other:14px; --weight-countdown-other:400;
  --type-eta-lead:40px; --type-train-lead:34px;
  --type-eta-other:24px; --type-train-other:22px;
  --type-unit:11px; --type-under-label:13px; --weight-label:500;
  --type-route:26px; --type-destination:16px;
  --type-note:12.5px; --type-meta:12px; --weight-body:400;
  --type-timetable:13px; --weight-timetable:500;
  --type-tab:15px; --type-tab-english:10px;
  --weight-tab:700; --weight-tab-english:500;
  --type-badge:11px; --type-tag:10px; --weight-badge:700;
  --type-input:16px; --type-button:15px; --weight-button:700;

  /* Shape and spacing. Browser tabs stay sticky at the top per BRIEF.md. */
  --radius-card:16px; --radius-control:12px; --radius-tab:11px;
  --radius-route:10px; --radius-banner:10px; --radius-timetable:6px;
  --radius-pill:99px; --radius-progress:2px;
  --page-side:16px; --card-padding:14px 14px 10px; --card-gap:14px;
  --column-gutter:8px; --border-width:1px; --eta-gap-top:12px;
  --touch-tab:48px; --touch-control:48px; --touch-min:44px;
  --tab-padding:6px 10px; --tab-bottom-padding:6px;
  --page-bottom:96px; --progress-height:4px;
}