/*
  Baggage Rush — brand theme. THE single place for brand identity: name, colors, fonts, palettes.
  The canvas renderer reads these same custom properties at runtime (wwwroot/js/theme.js), so a reskin
  only touches this file — plus manifest.webmanifest and the <title> in index.html, which cannot read CSS.
*/
:root {
  color-scheme: dark;

  /* Name, split in two for the two-tone wordmark */
  --brand-name-a: "Baggage";
  --brand-name-b: "Rush";

  /* Fonts (Google Fonts, loaded in index.html) */
  --font-display: "Chakra Petch", system-ui, sans-serif;
  --font-body: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Core tokens (SPEC §10) */
  --bg: #0B1020;
  --panel: #121A30;
  --panel-raised: #1E2A4D;
  --line: #22305A;
  --text: #EEF2FF;
  --muted: #9AA6C8;
  --dim: #6F7BA0;
  --accent: #FFB020;      /* bags, primary action, warnings */
  --sorter: #3DD6F5;      /* sorter, positive state */
  --danger: #FF5A36;      /* jams, no-reads, left behind */
  --manual: #A99BFF;      /* manual coding station */
  --success: #4BE3A6;
  --screening: #7C8CFF;

  /* Alert surfaces */
  --alert-bg: #3A1A0A;
  --alert-line: #FF7A3D;
  --alert-text: #FFD3B5;
  --need-bg: #2A1E06;
  --need-text: #FFE1A3;

  /* Scene (canvas) */
  --scene-ground: #0D1426;
  --scene-ground-hi: #131D3A;
  --scene-grid: #141D36;
  --scene-grid-major: #1B2747;
  --scene-rail: #33426E;
  --scene-track: #0F1628;
  --scene-belt: #2A3760;
  --scene-belt-top: #151E38;
  --scene-carrier: #2D3B66;
  --scene-carrier-hi: #3E5088;
  --scene-carrier-belt: #1A2442;
  --scene-chute: #1A2442;
  --scene-lateral: #141D36;
  --scene-lateral-open: #10172B;
  --scene-skin: #F2C9A0;
  --scene-vest: #FF8A3D;

  /* Apron (canvas) */
  --scene-apron: #111A31;
  --scene-taxiway: #0A0F1E;
  --scene-terminal: #18213D;
  --scene-stand-line: #FFB020;
  --scene-plane: #C9D1E4;
  --scene-plane-top: #EEF2FA;
  --scene-tug: #F5C842;
  --scene-cart: #566488;

  /* Flight tag palette (SPEC §10). One variable per color; ThemeMirror.cs mirrors the count. */
  --tag-0: #FFB020;
  --tag-1: #3DD6F5;
  --tag-2: #FF7A9C;
  --tag-3: #A99BFF;
  --tag-4: #4BE3A6;
  --tag-5: #FF8A3D;
  --tag-6: #E8F06B;

  /* Bag body colors, comma separated */
  --bag-colors: #2A2F3A, #3B4A6B, #8C2F39, #1F6F78, #5B3E8F, #B8BEC9, #C9A227, #6E4A2E, #2F5D3A, #D0D4DC, #A33B5C;

  /* Results card: a printed baggage tag */
  --paper: #F3EFE4;
  --paper-shade: #E4DECE;
  --ink: #141A2E;
  --ink-muted: #5B6178;
  --ink-faint: #B9B3A2;
  --ink-good: #13805B;
  --ink-bad: #C23A1C;

  /* Shape */
  --radius-s: 9px;
  --radius-m: 12px;
  --radius-l: 16px;
  --touch: 44px;
}