/* ============================================================
   @tembeza/theme — Flight Plan v2.0 tokens
   Source of truth: docs/design/DESIGN-BRIEF.md §6 + §16.
   Every color pair machine-verified (WCAG 2.1) and independence-
   checked (CIEDE2000 >= 3.0) by
   docs/design/prototypes/audit/flightplan-tokens-audit.mjs —
   do not tweak values ad hoc; amend the brief, re-run the audit,
   then regenerate here.
   ------------------------------------------------------------
   Fonts: SIL Open Font License 1.1 — unmodified Google Fonts
   latin-subset woff2 binaries (see LICENSE-FONTS.md).
   - Barlow / Barlow Semi Condensed © 2017 The Barlow Project
     Authors (https://github.com/jpt/barlow)
   - Azeret Mono © 2021 The Azeret Project Authors
     (https://github.com/displaay/azeret)
   ============================================================ */

@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 400;
  font-display: swap; src: url('./fonts/barlow-400.woff2') format('woff2'); }
@font-face { font-family: 'Barlow'; font-style: italic; font-weight: 400;
  font-display: swap; src: url('./fonts/barlow-400i.woff2') format('woff2'); }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 500;
  font-display: swap; src: url('./fonts/barlow-500.woff2') format('woff2'); }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 600;
  font-display: swap; src: url('./fonts/barlow-600.woff2') format('woff2'); }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 700;
  font-display: swap; src: url('./fonts/barlow-700.woff2') format('woff2'); }
@font-face { font-family: 'Barlow Semi Condensed'; font-style: normal; font-weight: 500;
  font-display: swap; src: url('./fonts/barlowsc-500.woff2') format('woff2'); }
@font-face { font-family: 'Barlow Semi Condensed'; font-style: normal; font-weight: 600;
  font-display: swap; src: url('./fonts/barlowsc-600.woff2') format('woff2'); }
@font-face { font-family: 'Azeret Mono'; font-style: normal; font-weight: 100 900;
  font-display: swap; src: url('./fonts/azeret-var.woff2') format('woff2'); }

/* ---------- Day (light, default) — drafting paper ---------- */
:root {
  --ground: #EDF2F1;
  --grid: #DAE4E2;
  --surface: #FBFDFC;
  --mat: #E4EBE9;
  --line: #C7D4D2;
  --ink-900: #1A2A30;
  --ink-600: #42545B;
  --ink-400: #596C72;
  --accent-600: #0A6E80;
  --accent-700: #085A69;
  --accent-wash: #DFEDEF;
  --clear-700: #1D7A44;
  --clear-wash: #E1F1E7;
  --amber-700: #7C5A18;
  --amber-wash: #F3EEDC;
  --red-700: #A62639;
  --red-wash: #F8E4E7;
  --btn-ink: #FFFFFF;
  --focus-ring: #0A6E80;
  --radius-m: 6px; /* floating chrome only (toast/popover); canvas + cards are square */
  --shadow-sheet: -6px 0 22px rgb(10 30 35 / 0.08);
  --shadow-pop: 0 2px 10px rgb(10 30 35 / 0.14);
  --fast: 130ms;
  --move: 230ms;
  --ease: cubic-bezier(0.25, 0.8, 0.3, 1);
  --font-ui: 'Barlow', system-ui, sans-serif;
  --font-cond: 'Barlow Semi Condensed', 'Barlow', system-ui, sans-serif;
  --font-mono: 'Azeret Mono', ui-monospace, monospace;
}

/* ---------- Night (dark, OS preference) — ops board ---------- */
@media (prefers-color-scheme: dark) {
  :root {
    --ground: #0B1315;
    --grid: #1B282B;
    --surface: #131B1E;
    --mat: #182225;
    --line: #2B3B3F;
    --ink-900: #E8EEED;
    --ink-600: #ADBDBC;
    --ink-400: #8CA0A0;
    --accent-600: #2FB6C9;
    --accent-700: #2FB6C9;
    --accent-wash: #12272B;
    --clear-700: #3CCB7C;
    --clear-wash: #12281B;
    --amber-700: #C9A23C;
    --amber-wash: #282213;
    --red-700: #E86577;
    --red-wash: #2E181B;
    --btn-ink: #0B1315;
    --focus-ring: #2FB6C9;
    --shadow-sheet: -6px 0 22px rgb(0 0 0 / 0.4);
    --shadow-pop: 0 2px 10px rgb(0 0 0 / 0.5);
  }
}

/* explicit toggle beats the OS, both directions */
:root[data-theme='dark'] {
  --ground: #0B1315;
  --grid: #1B282B;
  --surface: #131B1E;
  --mat: #182225;
  --line: #2B3B3F;
  --ink-900: #E8EEED;
  --ink-600: #ADBDBC;
  --ink-400: #8CA0A0;
  --accent-600: #2FB6C9;
  --accent-700: #2FB6C9;
  --accent-wash: #12272B;
  --clear-700: #3CCB7C;
  --clear-wash: #12281B;
  --amber-700: #C9A23C;
  --amber-wash: #282213;
  --red-700: #E86577;
  --red-wash: #2E181B;
  --btn-ink: #0B1315;
  --focus-ring: #2FB6C9;
  --shadow-sheet: -6px 0 22px rgb(0 0 0 / 0.4);
  --shadow-pop: 0 2px 10px rgb(0 0 0 / 0.5);
}
:root[data-theme='light'] {
  --ground: #EDF2F1;
  --grid: #DAE4E2;
  --surface: #FBFDFC;
  --mat: #E4EBE9;
  --line: #C7D4D2;
  --ink-900: #1A2A30;
  --ink-600: #42545B;
  --ink-400: #596C72;
  --accent-600: #0A6E80;
  --accent-700: #085A69;
  --accent-wash: #DFEDEF;
  --clear-700: #1D7A44;
  --clear-wash: #E1F1E7;
  --amber-700: #7C5A18;
  --amber-wash: #F3EEDC;
  --red-700: #A62639;
  --red-wash: #F8E4E7;
  --btn-ink: #FFFFFF;
  --focus-ring: #0A6E80;
  --shadow-sheet: -6px 0 22px rgb(10 30 35 / 0.08);
  --shadow-pop: 0 2px 10px rgb(10 30 35 / 0.14);
}