/* =====================================================================
   dusktype — theme tokens
   Every color in the UI (and the canvas charts) comes from these
   variables, so a new theme only needs to override this file.
   ===================================================================== */
:root {
  --bg: #221e2b;          /* page background, darkest */
  --panel: #3e2d46a5;       /* cards, command palette, chart background */
  --sub-alt: #433e55;     /* borders, dividers, hover states */
  --sub: #675565;         /* untyped words, inactive labels, icons */
  --main: #8e606a;        /* caret, active mode, logo mark, graph wpm line */
  --text: #d8cbd6;        /* correctly typed letters, big stats */
  --error: #b0485a;       /* incorrect letters */
  --error-extra: #6e2a35; /* extra letters typed past the word */
  --accent2: #7a5ca8;     /* raw wpm line, secondary accents */
  --glow: rgba(142, 96, 106, .14); /* faint horizon glow at the bottom of the page */
  --font: "JetBrains Mono", "Roboto Mono", ui-monospace, Menlo, Consolas, "Liberation Mono", monospace;
  --fs: 1.9rem;           /* words font size */
  --t: 120ms;
  --ui-scale: 1;          /* user's scale setting (0.2–1.8), set from settings */
}
@media (max-width: 760px) {
  :root { --fs: 1.25rem; }
}