/* Redstring: fonts and colour tokens. */

@font-face {
  font-family: 'Schibsted Grotesk Variable'; font-style: normal; font-display: swap; font-weight: 400 900;
  src: url(assets/fonts/schibsted-grotesk-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: 'Inter Variable'; font-style: normal; font-display: swap; font-weight: 100 900;
  src: url(assets/fonts/inter-cyrillic-opsz-normal.woff2) format('woff2-variations');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Inter Variable'; font-style: normal; font-display: swap; font-weight: 100 900;
  src: url(assets/fonts/inter-latin-opsz-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 {
  /* Schibsted Grotesk for everything; Inter only steps in for glyphs it does not have. */
  --sans: "Schibsted Grotesk Variable", "Inter Variable", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  --mono: "SF Mono", "Geist Mono", ui-monospace, Consolas, monospace;

  --bg: #110E0E;        /* the page, and the panels that float over the canvas */
  --board: #181414;     /* the canvas */
  --card: #231E1E;
  --card-2: #2F2828;
  --text: #F5F1EE;
  --text-2: #ADA5A1;
  --text-3: #8C8582;
  --line: rgba(255, 255, 255, .1);
  --string: #F0343C;    /* the red string: a link between two things. Nothing else uses it. */
}
