/* manuscriptchecker design tokens — "Red Pen on Cream Paper".
   Neo-brutalist: warm cream canvas, monospace-first, hard offset shadows,
   2px corners, flat fills, one vermilion CTA accent. */

/* --- Fonts (self-hosted, open-licensed) --- */
@font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 300; font-display: swap; src: url("/static/fonts/jetbrains-mono-300.woff2") format("woff2"); }
@font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("/static/fonts/jetbrains-mono-400.woff2") format("woff2"); }
@font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url("/static/fonts/jetbrains-mono-500.woff2") format("woff2"); }
@font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 600; font-display: swap; src: url("/static/fonts/jetbrains-mono-600.woff2") format("woff2"); }
@font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 700; font-display: swap; src: url("/static/fonts/jetbrains-mono-700.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("/static/fonts/inter-400.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url("/static/fonts/inter-500.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("/static/fonts/inter-600.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 700; font-display: swap; src: url("/static/fonts/inter-700.woff2") format("woff2"); }

:root {
  /* surfaces + ink */
  --nf-paper: #f3ecdf;
  --nf-surface: #fffdf8;
  --nf-surface-2: #f7f1e6;
  --nf-ink: #23201c;
  --nf-muted: #8a8276;
  --nf-hairline: #d9cfbf;

  /* accents */
  --nf-primary: #e1503a;        /* the red pen — sole filled CTA */
  --nf-primary-ink: #fffdf8;
  --nf-primary-wash: #fbe9e4;
  --nf-highlight: #f4c542;       /* amber band / medium severity */
  --nf-sketch: #3f6fa3;          /* illustration stroke */
  --nf-ok: #2c8c6a;              /* met / success */

  /* rotating outline accents (pencil-cup) */
  --nf-acc-1: #2c8c84; --nf-acc-2: #8d5a9e; --nf-acc-3: #8a9a3c; --nf-acc-4: #c1652f;
  --nf-acc-5: #43618c; --nf-acc-6: #cf6f7a; --nf-acc-7: #d6a92e; --nf-acc-8: #6f8493;

  /* type */
  --nf-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --nf-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --nf-tracking: 0.02em;

  /* geometry */
  --nf-radius: 2px;
  --nf-shadow: rgb(35 32 28) -6px 6px 0 0;
  --nf-shadow-sm: rgb(35 32 28) -3px 3px 0 0;
  --nf-border: 2px solid var(--nf-ink);
  --nf-hairline-border: 1px solid var(--nf-ink);

  /* spacing */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 20px;
  --sp-6: 24px; --sp-8: 32px; --sp-10: 40px; --sp-16: 64px; --sp-20: 80px;

  --nf-maxw: 1080px;
}