/* Design tokens. Palette: fog + petrol (institutional, calm) with one
   signal colour - departure amber - reserved for times and live info. */
:root {
  --fog: #EEF1F0;
  --paper: #FFFFFF;
  --ink: #17222B;
  --ink-soft: #33434C;
  --muted: #56656C;
  --line: #CAD3D2;
  --line-soft: #E1E7E6;
  --petrol: #1F4E5F;
  --petrol-deep: #12333F;
  --petrol-wash: #E3ECEE;
  --amber: #E8A317;
  --amber-ink: #6B4A00;
  --amber-wash: #FBF1DA;
  --danger: #B4232C;
  --danger-wash: #F8E3E4;
  --ok: #2F7D4F;
  --ok-wash: #E1F0E6;
  --board: #17222B;

  --font: "IBM Plex Sans Hebrew", "Segoe UI", "Arial Hebrew", "Noto Sans Hebrew", Arial, sans-serif;
  --fs-xs: 0.8125rem;
  --fs-sm: 0.875rem;
  --fs-md: 1rem;
  --fs-lg: 1.25rem;
  --fs-xl: 1.625rem;
  --fs-board: 1.75rem;

  --r-sm: 4px;
  --r-md: 8px;
  --gap: 1rem;
  --sidebar: 248px;
  --focus: 0 0 0 3px rgba(232, 163, 23, 0.55);
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root {
    --fog: #0F1A20;
    --paper: #16242C;
    --ink: #E6ECEC;
    --ink-soft: #C3CFD1;
    --muted: #93A3A8;
    --line: #2C3E47;
    --line-soft: #22333B;
    --petrol: #6FA8BB;
    --petrol-deep: #0B1B22;
    --petrol-wash: #1C3440;
    --amber-ink: #F5C766;
    --amber-wash: #3A2E12;
    --danger: #F07A80;
    --danger-wash: #3B1E21;
    --ok: #7CCB9A;
    --ok-wash: #18352A;
    --board: #0A1318;
    color-scheme: dark;
  }
}