/* Blog sensoryczny — tokeny designu (mokap).
   Paleta: ciepła, uspokajająca; kontrast tekstu >= WCAG AA. Bez zewnętrznych fontów. */
:root {
  /* powierzchnie */
  --bg: #fbf7f0;
  --surface: #ffffff;
  --surface-2: #f4eee3;
  --line: #e4dacb;

  /* tekst */
  --ink: #232b27;
  --ink-2: #46524b;
  --ink-3: #5f6b64;

  /* akcenty */
  --sage: #4e7364;
  --sage-d: #3b5a4d;
  --sage-l: #e3ece6;
  --terra: #b4573a;
  --terra-d: #964429;
  --terra-l: #f6e3da;
  --ochre-l: #f5ebcf;
  --blue-l: #e1eaf0;
  --plum-l: #ebe3ee;
  --olive-l: #e9ecd9;

  /* reklamy (tylko mokap) */
  --ad-bg: #f0eee9;
  --ad-line: #c9c3b7;
  --zone: #2f7d5b;

  /* typografia */
  --font-head: "Iowan Old Style", "Palatino Linotype", Palatino, "Source Serif 4", Georgia, serif;
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --fs-body: 1.125rem;       /* 18 px, zmieniane przełącznikiem "Aa" */
  --lh-body: 1.7;

  /* układ */
  --container: 1240px;
  --gutter: 20px;
  --measure: 720px;          /* kolumna treści artykułu */
  --sidebar: 300px;
  --header-h: 64px;
  --radius: 14px;
  --radius-s: 8px;
  --shadow: 0 1px 2px rgba(35, 43, 39, .06), 0 6px 20px rgba(35, 43, 39, .06);
}