/* ─────────────────────────────────────────────────────────────
   raufbabayev.com — design tokens
   Source of truth. Do not invent new colors or sizes.
   Fonts are self-hosted Google Fonts (latin subset, variable woff2).
   ───────────────────────────────────────────────────────────── */

@font-face {
  font-family: "Source Serif 4";
  src: url("/static/fonts/source-serif-4.woff2") format("woff2-variations");
  font-weight: 200 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Source Serif 4";
  src: url("/static/fonts/source-serif-4-italic.woff2") format("woff2-variations");
  font-weight: 200 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/static/fonts/inter.woff2") format("woff2-variations");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("/static/fonts/jetbrains-mono.woff2") format("woff2-variations");
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}

:root {
  --bg: #efece6;
  --bg-soft: #e8e4dc;
  --paper: #f7f4ee;
  --ink: #1a1816;
  --ink-soft: #5b554e;
  --ink-muted: #8a8278;
  --rule: #c9c2b6;
  --rule-soft: #d8d2c6;
  --accent: #d85a2e;
  --accent-soft: #f0d4c5;

  --serif: "Source Serif 4", Georgia, serif;
  --sans: "Inter", system-ui, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, monospace;

  --base: 16px;
  --leading: 1.55;
}