/* FlightCast — generated from tokens.json. Do not edit by hand. */
:root {
  --bg-scope: #0a171c;
  --bg-frame: #0d1d22;
  --bg-strip: #12242a;
  --bg-strip-selected: #163039;
  --bg-flight: #0e2630;
  --bg-scrim: rgba(4, 10, 12, 0.72);
  --line: #20363c;
  --text-paper: #ece7dc;
  --text-muted: #9fb0b4;
  --text-faint: #7d9095;
  --amber: #f5b33c;
  --amber-hover: #ffd27a;
  --on-amber: #14110a;
  --amber-on-paper: #d18a12;
  --cyan: #5ec4e6;
  --red: #e0613f;
  --low: #6e8186;
  --low-text: #aebcbf;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-ui: 2px;
  --radius-none: 0;
  --radius-logo: 14%;
  --border-hair: 1px;
  --border-outline: 1.5px;
  --border-signal: 4px;
  --border-active: 2px;
  --touch-min: 44px;
  --button-h: 48px;
  --input-h: 46px;
  --chip-h: 36px;
  --strip-code-w: 60px;
  --strip-badge-w: 68px;
  --icon: 22px;
  --phone-base: 390px;
  --z-nav: 10;
  --z-banner: 20;
  --z-sheet: 40;
  --z-toast: 50;
  --font-display: "Chakra Petch", "Arial Narrow", sans-serif;
  --font-body: "Space Grotesk", system-ui, sans-serif;
  --font-mono: "Space Mono", ui-monospace, Menlo, monospace;
}
.page-title { font-family: var(--font-display); font-size: 30px; line-height: 33px; font-weight: 700; }
.screen-title { font-family: var(--font-display); font-size: 22px; line-height: 26px; font-weight: 700; letter-spacing: 0.04em; }
.country-code { font-family: var(--font-display); font-size: 19px; line-height: 22px; font-weight: 700; }
.section-title { font-family: var(--font-display); font-size: 16px; line-height: 20px; font-weight: 600; letter-spacing: 0.06em; }
.body-lg { font-family: var(--font-body); font-size: 17px; line-height: 25px; font-weight: 400; }
.body { font-family: var(--font-body); font-size: 15px; line-height: 22px; font-weight: 400; }
.body-strong { font-family: var(--font-body); font-size: 15px; line-height: 22px; font-weight: 600; }
.small { font-family: var(--font-body); font-size: 13px; line-height: 19px; font-weight: 400; }
.caption { font-family: var(--font-body); font-size: 12px; line-height: 17px; font-weight: 400; }
.figure-hero { font-family: var(--font-mono); font-size: 34px; line-height: 34px; font-weight: 700; }
.clock-xl { font-family: var(--font-mono); font-size: 30px; line-height: 30px; font-weight: 700; }
.figure-badge { font-family: var(--font-mono); font-size: 21px; line-height: 24px; font-weight: 700; }
.time { font-family: var(--font-mono); font-size: 17px; line-height: 22px; font-weight: 700; }
.data { font-family: var(--font-mono); font-size: 13px; line-height: 18px; font-weight: 400; }
.meta { font-family: var(--font-mono); font-size: 11px; line-height: 16px; font-weight: 400; }
.micro { font-family: var(--font-mono); font-size: 10px; line-height: 14px; font-weight: 700; letter-spacing: 0.04em; }