/* Acid Test: fonts and colour tokens. */

@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');
}

@font-face {
  font-family: 'Plus Jakarta Sans Variable'; font-style: normal; font-display: swap; font-weight: 200 800;
  src: url(assets/fonts/plus-jakarta-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;
}

:root {
  /* Plus Jakarta Sans (OFL) on every device, so the page looks the same on Windows and on a Mac. */
  --sans: "Plus Jakarta Sans Variable", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  --mono: "SF Mono", "Geist Mono", ui-monospace, Consolas, monospace;

  --bg: #0E0E11;        /* lab bench */
  --panel: #16161A;
  --panel-2: #24242A;
  --text: #F3F1F7;
  --text-2: #A5A2AE;
  --text-3: #817F89;
  --line: rgba(255, 255, 255, .11);
  --paper: #EFEAF8;     /* the strip itself */
  --ink: #17141F;       /* text on paper and on pads */

  /* Litmus: the pad is lilac while a check holds and turns red when it reacts. */
  --held: #B8A6F5;
  --react: #FF5247;
  /* The colour chart between them, in five flat steps. */
  --step-1: #B8A6F5;
  --step-2: #C898DC;
  --step-3: #DB86B4;
  --step-4: #EE6C7E;
  --step-5: #FF5247;
}
