/* Graduated, night service: a transit network's map after dark. Near-black ground, light ink, one signal red for
   Graduated's own line and the primary action, amber for the boards. Every coin is a line with its own bright colour
   (identity, not meaning). DESIGN.md has the why. */
@font-face { font-family: 'Overpass'; src: url('/fonts/overpass-latin-wght-normal.woff2') format('woff2-variations'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'Overpass Mono'; src: url('/fonts/overpass-mono-latin-wght-normal.woff2') format('woff2-variations'); font-weight: 300 700; font-display: swap; }

:root {
  --ground: #0B0D12;
  --bg: var(--ground);
  --surface: #141820;
  --surface-2: #1A1F29;
  --sunk: #0F1218;
  --rule: #232935;
  --rule-2: #313948;
  /* outlines: cards, tables, the map. --frame-hi for controls that need to be found */
  --frame: #2A313E;
  --frame-hi: #48526A;
  --hover: rgba(255, 255, 255, .035);

  --ink: #EEF0F4;
  --ink-2: #B4BAC6;
  --muted: #7C8394;
  --on-ink: #0B0D12;

  /* the one accent: Graduated's own line, the logo, the primary action */
  --signal: #FF3B30;
  --signal-ink: #FF5A4F;
  --signal-soft: rgba(255, 59, 48, .12);
  --on-signal: #FFFFFF;

  /* price change only, small */
  --up: #3DDC8A;
  --down: #FF6B5B;
  /* the boards' amber: departures, the demo strip, the platform edge */
  --amber: #FFB627;
  --warn-bg: #FFB627;
  --edge: #FFB627;

  /* the lines: one per coin, by launch number, bright enough for the night map. LaunchLab's default is grey, dashed */
  --l0: #22C38A; --l1: #4C8DFF; --l2: #FFB627; --l3: #A77BFF; --l4: #22C7D9; --l5: #FF5FA8; --l6: #D08A4E; --l7: #B4C23C;
  --l-default: #5D6475;

  /* the band: station signs, the departures boards, table heads, the footer: a step darker than the ground */
  --band: #06070A;
  --band-2: #10131A;
  --band-ink: #EEF0F4;
  --band-muted: #8A90A0;
  --band-rule: rgba(238, 240, 244, .09);

  --bar: rgba(11, 13, 18, .86);

  --display: 'Overpass', 'Arial Narrow', system-ui, sans-serif;
  --text: 'Overpass', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mono: 'Overpass Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;

  --wrap: 1240px;
  --gutter: clamp(16px, 4vw, 40px);
  --r: 6px;
  --r-2: 10px;
  --ease: cubic-bezier(.2, .7, .2, 1);
  --head: 66px;
  color-scheme: dark;
}