/* Design tokens. Everything else uses these, so the whole site can be
   re-themed here. The look: a warm paper tabletop, a green felt for play
   areas, ink-dark text, and one bright accent for "your move". */
:root {
  --paper: #faf6ee;
  --paper-2: #f1eadb;
  --ink: #2b2620;
  --ink-soft: #6b6157;
  --line: #ddd3c1;        /* dividers, the edges of cards and panels */
  --edge: #8c8170;        /* the edge of something you press or type in: 3:1 or more on paper and card */
  --felt: #2f6b4f;
  --felt-dark: #234f3b;
  --felt-ink: #f4efe3;
  --accent: #e0752d;      /* your turn, primary buttons */
  --accent-ink: #ffffff;
  --good: #3a8a5c;        /* online dot, wins */
  --bad: #c2453b;         /* errors, losses */
  --x: #c2453b;           /* first player colour */
  --o: #2f6fa8;           /* second player colour */
  --card: #ffffff;
  --card-red: #c2453b;
  --card-black: #2b2620;
  --radius: 10px;
  --shadow: 0 1px 2px rgb(0 0 0 / 0.08), 0 2px 8px rgb(0 0 0 / 0.06);
  --font: "Recursive", ui-monospace, "SF Mono", Menlo, monospace;
  --mono: ui-monospace, "SF Mono", Menlo, monospace;
  /* The page: graph paper, a faint line every 16px over the paper. */
  --grid: #ebe3d3;
  --page:
    repeating-linear-gradient(0deg, var(--grid) 0 1px, transparent 1px 16px),
    repeating-linear-gradient(-90deg, var(--grid) 0 1px, transparent 1px 16px),
    var(--paper);
  color-scheme: light;
}

/* Recursive (Arrow Type, SIL OFL: fonts/Recursive-OFL.txt), the Latin
   subset of the variable font. Two of its axes set the voice: MONO 1 is
   fully fixed width, CASL 0.5 halfway from crisp to hand-lettered. */
@font-face {
  font-family: "Recursive";
  font-style: oblique 0deg 15deg;
  font-weight: 300 1000;
  font-display: swap;
  src: url(/fonts/recursive-latin.woff2) format("woff2");
}
html { font-variation-settings: "MONO" 1, "CASL" 0.5; }