/* Fieldkit: fonts and colour tokens. Paths are relative to this file, so the page can live in the web root. */

@font-face {
  font-family: 'Work Sans Variable'; font-style: normal; font-display: swap; font-weight: 100 900;
  src: url(assets/fonts/work-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');
}

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

:root {
  /* SF on Apple devices, Inter everywhere else. */
  --sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter Variable", "Helvetica Neue", Arial, sans-serif;
  /* Not used by the page at the moment (the Work Sans and Geist Mono faces above are not fetched unless something uses them). */
  --mono: "Geist Mono", ui-monospace, "SF Mono", Consolas, monospace;

  --bg: #0A0A0B;          /* the page, almost black */
  --panel: #131316;       /* a card, the spotlight window */
  --panel-2: #1F1F23;     /* a chip, a quiet button, a label card. Small grey text on it is --text-2, never --text-3. */
  --text: #F5F5F7;
  --text-2: #A6A6AD;
  --text-3: #85858D;      /* 4.5:1 or better on --bg and --panel only */
  --line: rgba(255, 255, 255, .1);
  --line-2: rgba(255, 255, 255, .22);
  --accent: #F5F5F7;      /* white: the picked clue and the main button. The only accent; colour comes from the app icons. */
  --accent-up: #FFFFFF;   /* the main button under the pointer */
  --accent-ink: #0A0A0B;  /* text on white */
}