/* Spout: fonts and colour tokens. */

@font-face {
  font-family: 'Lexend Variable'; font-style: normal; font-display: swap; font-weight: 100 900;
  src: url(assets/fonts/lexend-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 {
  /* Lexend (OFL) on every device, so the page looks the same on Windows and on a Mac. */
  --sans: "Lexend Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  /* Amounts, addresses and times. */
  --mono: "Geist Mono", ui-monospace, "SF Mono", Consolas, monospace;

  --bg: #041418;        /* deep water: a very dark sea green-blue, not black */
  --panel: #0A1F25;
  --panel-2: #143038;
  --wire: #27484F;      /* dashed outlines, bar tracks on a panel */
  --bar: #4E7C80;       /* a wallet's balance */
  --text: #EAF6F5;
  --text-2: #9DB8B8;
  --text-3: #7A9694;    /* not on panel-2: it falls under 4.5:1 there */
  --line: rgba(255, 255, 255, .1);
  --foam: #C8F3F0;      /* the wallet that is moving, its spout, the big number, the main button. Nothing else. */
  --foam-ink: #062226;  /* text on foam */
}