/* Drafta — design tokens, v2 (warm paper).
   §3 of the build contract; this replaces the dark palette entirely. This is the
   only file in the repository allowed to contain a raw colour value, a px length
   or a font size — every other stylesheet consumes these custom properties.

   The three families below are self-hosted from assets/fonts/ (declared at the
   top of site.css) and every one of them carries a Cyrillic subset: half this
   site is Russian, and a family without it would silently fall back to the
   system serif there, which is the defect this redesign exists to remove. */

:root {
  color-scheme: light;

  /* surfaces — warm paper, never pure white */
  --bg:#FBF7F0;
  --bg-soft:#F4EDE2;
  --bg-band:#17140F;          /* the one dark band, warm near-black */
  --surface:#FFFFFF;
  --surface-2:#FFFDF9;

  /* lines */
  --border:rgba(28,24,20,0.10);
  --border-strong:rgba(28,24,20,0.18);

  /* text — warm ink */
  --text:#1C1A17;
  --text-soft:#4A443B;
  --muted:#6E6559;
  --muted-2:#A79E92;

  /* the dark band has its own text colours */
  --ink-text:#F6F1E8;
  --ink-muted:#A9A093;
  --ink-border:rgba(255,255,255,0.12);

  /* accent — the app's blue, deepened to hold contrast on paper */
  --accent:#2F5FE0;
  --accent-hover:#1E4BC4;
  --accent-dim:rgba(47,95,224,0.12);
  --accent-bg:rgba(47,95,224,0.06);

  /* semantic */
  --ok:#2F7D53; --warn:#B4791F; --danger:#C0392B;

  /* syntax, used only inside small code samples on the page */
  --syn-keyword:#A3489B; --syn-string:#2F7D53; --syn-number:#1F6F8B;
  --syn-fn:#2F5FE0; --syn-type:#8A5A1F; --syn-comment:#9A9186;

  /* type — every family below MUST carry a full Cyrillic subset */
  --font-display:'Lora','Lora Fallback',Georgia,'Times New Roman',serif;
  --font-sans:'Golos Text','Golos Fallback',-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;

  /* type scale — fluid, and still no px font size anywhere */
  --step--1:0.875rem; --step-0:1.0625rem; --step-1:1.25rem; --step-2:1.5rem;
  --step-3:1.875rem; --step-4:clamp(2rem,3.4vw,2.75rem);
  --step-5:clamp(2.75rem,5.6vw,4.25rem);
  --leading-body:1.65; --leading-display:1.08; --tracking-display:-0.02em;

  /* space */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
  --space-5:24px; --space-6:32px; --space-7:48px; --space-8:64px;
  --space-9:96px; --space-10:128px;

  /* shape */
  --radius:12px; --radius-lg:20px; --radius-pill:999px;
  --maxw:1140px; --maxw-narrow:720px;

  /* shadows — warm and soft, never a hard black */
  --shadow-sm:0 1px 2px rgba(28,24,20,0.05);
  --shadow:0 2px 6px rgba(28,24,20,0.05), 0 18px 40px rgba(28,24,20,0.09);
  --shadow-lg:0 4px 12px rgba(28,24,20,0.06), 0 32px 70px rgba(28,24,20,0.14);
}