/* Hackbig brand tokens — the cutting mat (product/hackbig/design.md). Shared by server-rendered and React surfaces. */
@font-face {
  font-family: "Archivo";
  src: url("/fonts/archivo-latin-wdth-normal.woff2") format("woff2-variations");
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-display: swap;
}
@font-face {
  font-family: "Atkinson Hyperlegible";
  src: url("/fonts/atkinson-hyperlegible-latin-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Atkinson Hyperlegible";
  src: url("/fonts/atkinson-hyperlegible-latin-700-normal.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}
:root {
  --mat: #e6eee8;
  --mat-line: #c9d8ce;
  --mat-major: #b2c7b9;
  --ink: #13302a;
  --muted: #4b6560;
  --surface: #f6faf7;
  --edge: #13302a;
  --signal: #e3b53a;
  --signal-ink: #13302a;
  --ok: #1d6b45;
  --err: #a8321f;
  --focus: #1f6fd1;
  --display: "Archivo", "Arial Narrow", Arial, sans-serif;
  --body: "Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;
  --cell: 24px;
}
@media (prefers-color-scheme: dark) {
  :root {
    --mat: #1d3a32;
    --mat-line: #26473e;
    --mat-major: #2f564b;
    --ink: #e8f1ec;
    --muted: #a7bdb4;
    --surface: #23443b;
    --edge: #cfe0d7;
    --signal: #e8c04a;
    --signal-ink: #13302a;
    --ok: #7fd6a4;
    --err: #ff9a85;
    --focus: #8cc0ff;
    color-scheme: dark;
  }
}