/* Metro Sofia design tokens. Night Line (2026-10-04, redesign phase 1): an
   ink-green ground instead of the old navy, the four line colours as the
   only accents (M4 yellow for costs, M2 blue for interaction and focus),
   Fira Sans for the interface and Oswald for every number. Names are kept
   from the first system so every component reads the same token it did. */

/* Both faces are SIL OFL, vendored as Latin and Cyrillic subsets and
   credited in About; the licences are in fonts/OFL.txt. */
@font-face {
  font-family: "Fira Sans";
  src: url("fonts/FiraSans-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Fira Sans";
  src: url("fonts/FiraSans-Medium.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Fira Sans";
  src: url("fonts/FiraSans-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Oswald";
  src: url("fonts/Oswald.woff2") format("woff2");
  font-weight: 200 700;
  font-display: swap;
}

:root {
  --tb-base: #0b1412;
  --tb-surface: #0f1b18;
  --tb-void: #060c0a;
  --tb-bg: #0b1412;
  --tb-panel: #0f1b18;
  --tb-panel-t: rgba(15, 27, 24, 0.94);
  --tb-raised: #15241f;
  --tb-line: #22332e;
  --tb-line-hi: #34493f;
  --tb-ink: #eef4ef;
  --tb-muted: #93a79d;
  --tb-ghost: #5f726a;
  /* The aspect names keep their jobs; the hues now come from the lines.
     amber = costs and money (M4), green = interaction and focus (M2, lifted
     one step for the dark ground). */
  --tb-amber: #e8c547;
  --tb-amber-dim: #8d7a33;
  --tb-green: #4c8df0;
  --tb-green-dim: #2f5e9e;
  --tb-red: #e5534b;
  --tb-politic: #a99be0;
  /* The network colours, equal to the line colours in data.js and sim.js. */
  --tb-net-red: #d64541;
  --tb-net-blue: #3d7fd9;
  --tb-net-green: #35a86b;
  --tb-net-yellow: #e8c547;
  --tb-net-commuter: #b06fa8;
  --tb-net-tram: #8fae4a;
  --tb-net-future: #6fd6b0;
  /* The four-line stripe: the system's one decorative device. */
  --tb-stripe: linear-gradient(90deg, var(--tb-net-red) 0 25%, var(--tb-net-blue) 25% 50%,
    var(--tb-net-green) 50% 75%, var(--tb-net-yellow) 75%);

  --tb-veil: rgba(5, 11, 9, 0.8);
  --tb-plate: rgba(6, 12, 10, 0.72);
  /* The interface face. The token name is historic; it is Fira Sans. */
  --tb-mono: "Fira Sans", system-ui, sans-serif;
  /* The number face: money, rates, trust, counts, costs, the clock. */
  --tb-num: "Oswald", "Fira Sans", system-ui, sans-serif;
  --tb-stroke-map: 2.5px;
  --tb-stroke-icon: 2px;
  --tb-stroke-hair: 1px;
  --tb-space-1: 4px;
  --tb-space-2: 8px;
  --tb-space-3: 12px;
  --tb-space-4: 16px;
  --tb-space-5: 24px;
  --tb-space-6: 40px;
  --tb-space-7: 64px;
  --tb-reveal-km: 0.65;
}