/* Mackay Airport colours and font, taken from mackayairport.com.au: teal
   #00B1B1, body grey #58595B, Roboto. Loaded before styles.css,
   which uses only these tokens for colour. Light by default, dark via OS
   preference or data-theme="dark". Status colours are fixed on purpose. */

/* Roboto is served from this site (assets/fonts/, SIL OFL - see OFL.txt)
   rather than Google Fonts: no third party in the page, and the CSP can
   stay 'self'. One variable file covers weights 400-900, Latin only;
   other scripts fall back to the system font. */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(assets/fonts/roboto-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --font: Roboto, system-ui, -apple-system, "Segoe UI", sans-serif;
  --brand: #00b1b1;
  --brand-strong: #007a7a;   /* the site teal darkened enough to read as text on white */
  --brand-soft: #e0f5f5;
  --bg: #f4f7f7;
  --surface: #ffffff;
  --surface-2: #f6f9f9;
  --text: #2b2c2e;
  --muted: #58595b;
  --faint: #8a8c8f;
  --line: #e2e8e8;
  --shadow: 0 1px 2px rgba(15, 27, 36, .05), 0 4px 16px rgba(15, 27, 36, .06);
  --shadow-lg: 0 24px 64px rgba(15, 27, 36, .22);
  --hero-1: #00b1b1;
  --hero-2: #00737a;
  --on-hero: #ffffff;
  --logo-neutral: #6b7a86;
  --logo-neutral-2: #4d5a64;
  --good: #0f7a4a;  --good-bg: #e2f6ec;
  --done: #3c4a55;  --done-bg: #edf1f4;
  --late: #b35300;  --late-bg: #fff0dd;
  --bad: #b4232a;   --bad-bg: #fde6e7;
  --now: #0a6aa8;   --now-bg: #e1f1fc;
  --sched: #58595b; --sched-bg: #f0f3f3;
  --focus: #0a84ff;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --brand: #2ec9c9;
    --brand-strong: #5fdada;
    --brand-soft: #0d3132;
    --bg: #0b1314;
    --surface: #121b1d;
    --surface-2: #162123;
    --text: #e9f1f1;
    --muted: #a2aeb0;
    --faint: #6f7f81;
    --line: #22302f;
    --shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 16px rgba(0, 0, 0, .25);
    --shadow-lg: 0 24px 64px rgba(0, 0, 0, .6);
    --hero-1: #005c5e;
    --hero-2: #0b2c30;
    --logo-neutral: #4d5d69;
    --logo-neutral-2: #36424b;
    --good: #5fdc9b;  --good-bg: #133326;
    --done: #b8c6d0;  --done-bg: #1d2a34;
    --late: #ffb057;  --late-bg: #3a2712;
    --bad: #ff8a8f;   --bad-bg: #3d1a1d;
    --now: #7cc4ff;   --now-bg: #112d45;
    --sched: #a2aeb0; --sched-bg: #1a2527;
    --focus: #5eb1ff;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --brand: #2ec9c9;
  --brand-strong: #5fdada;
  --brand-soft: #0d3132;
  --bg: #0b1314;
  --surface: #121b1d;
  --surface-2: #162123;
  --text: #e9f1f1;
  --muted: #a2aeb0;
  --faint: #6f7f81;
  --line: #22302f;
  --shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 16px rgba(0, 0, 0, .25);
  --shadow-lg: 0 24px 64px rgba(0, 0, 0, .6);
  --hero-1: #005c5e;
  --hero-2: #0b2c30;
  --logo-neutral: #4d5d69;
  --logo-neutral-2: #36424b;
  --good: #5fdc9b;  --good-bg: #133326;
  --done: #b8c6d0;  --done-bg: #1d2a34;
  --late: #ffb057;  --late-bg: #3a2712;
  --bad: #ff8a8f;   --bad-bg: #3d1a1d;
  --now: #7cc4ff;   --now-bg: #112d45;
  --sched: #a2aeb0; --sched-bg: #1a2527;
  --focus: #5eb1ff;
  color-scheme: dark;
}