/* Interchange: fonts and colour tokens. */

@font-face {
  font-family: 'Mona Sans Variable'; font-style: normal; font-display: swap; font-weight: 200 900;
  src: url(assets/fonts/mona-sans-latin-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Geist Mono'; font-style: normal; font-display: swap; font-weight: 100 900;
  src: url(assets/fonts/GeistMono-Variable.woff2) format('woff2-variations');
}

:root {
  /* Mona Sans for everything that is said; Geist Mono for amounts, addresses and times. */
  --sans: "Mona Sans Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --mono: "Geist Mono", ui-monospace, "SF Mono", Consolas, monospace;

  --bg: #0B0D10;        /* asphalt at night */
  --panel: #14171C;
  --panel-2: #20252D;
  --road: #1B1F26;      /* a lane on the map: between the two panels */
  --text: #F0F2F5;
  --text-2: #A3A9B4;
  --text-3: #7C828D;    /* passes 4.5:1 on --bg and --panel only: never on --panel-2 or a lane */
  --line: rgba(255, 255, 255, .1);

  /* Two accents, and only the route wears them. */
  --azure: #4DA8FF;         /* the funds, on their way to the next crossing. And the download. */
  --azure-ink: #03203F;     /* text on azure */
  --tangerine: #FF9F43;     /* the crossing itself */
  --tangerine-ink: #2B1500; /* text on tangerine */
}