/* The house paper — the one place the business identity is declared.
 *
 * These are the values every surface that wears the ronner.dev identity is cut
 * from: this site and hosting.ronner.dev (which link this file), the printed
 * sheets (sweep: design/poster-template.html, poster-cards-template.html,
 * audit-template.html) and the documents (ronner-docs: pkg/style.typ, in
 * Typst's spelling). The text face is Source Serif 4 there and Manrope here —
 * a document is set in a text face and a printed sheet in the site's voice —
 * and the four of them share ink, muted and rule: the paper and its panel
 * belong to the pages and the sheets, and the accent is spent on the pages and
 * in the documents, where the sheets carry their own gold instead.
 *
 * It exists because four copies of a value two percent apart are invisible on
 * paper and on screen, so they can only ever drift: the printed sheets carried
 * #faf7f1 paper against this file's #f6f4ee until 2026-10-15 (sweep ADR-0101).
 *
 * The hub (it.ronner.dev) is a second identity, not a dark theme of this one,
 * and does not read this file — its palette is assets/site.css. The face files
 * under /fonts/ are shared by both.
 *
 * A change here reaches this site on the next image build and the other
 * consumers when their pin moves, so it is the whole brand change in one diff:
 * sweep compares its templates against this file (tests/test_printed_sheets.py)
 * and ronner-docs keeps its four values beside its own ADR-0002.
 */

@font-face {
  font-family: "Fraunces";
  src: url("/fonts/Fraunces-400.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Fraunces";
  src: url("/fonts/Fraunces-500.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Fraunces";
  src: url("/fonts/Fraunces-600.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url("/fonts/Manrope-400.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url("/fonts/Manrope-500.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url("/fonts/Manrope-600.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url("/fonts/Manrope-700.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url("/fonts/Manrope-800.woff2") format("woff2");
  font-weight: 800;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("/fonts/JetBrainsMono-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("/fonts/JetBrainsMono-Medium.woff2") format("woff2");
  font-weight: 500 600;
  font-display: swap;
}

:root {
  --paper: #f6f4ee;
  --ink: #191813;
  --muted: #6e6a5e;
  --line: #e2ded3;
  --accent: #0e7a4c;
  --accent-deep: #0a5e3b;
  --paper-deep: #efece2;
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
}