/* Redesign tokens (Designer mockups, /design README). Loaded after style.css so the shared
   text and surface colours meet WCAG AA (issue #34) everywhere. Flat: no gradients or glow. */
@font-face {
  font-family: "Inter";
  src: url("/fonts/inter.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --cream: #f2f1e9;
  --surface: #fafaf5;
  --line: #dcdfd2;
  --ink: #242925;
  --ink-2: #5b6057; /* 5.69:1 on cream (was #858980, 3.15:1) */
  --accent-text: #3f6b14; /* 5.57:1 on cream */
  --lime: #b8f36b;
  --lime-soft: #e6f5cf;
  --seg: #e8eadf;
  --dark: #252b27;
  --dark-2: #2d342f;
  --board: #202520;
  --cell: #30372f;
  --cell-line: #7d8977;
  --d-text: #eef1ea; /* 12.66:1 on --dark */
  --d-text-2: #a3aa9c; /* 5.35:1 on --dark-2 (was #6f746b, 3.02:1) */
  --d-text-3: #9aa293;
  --d-elim: #b9c0b3;
  --d-outline: #7d8977;
  --swatch-ring: #242925;
  --muted: var(--ink-2);
  --radius-card: 18px;
  --radius-btn: 14px;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  color: var(--ink);
  background: var(--cream);
  -webkit-font-smoothing: antialiased;
}