:root {
  --c-bg: #f2ecdf;
  --c-bg-elev: #ebe1cf;
  --c-bg-shadow: #dfd2bc;

  --c-ink: #1f1c18;
  --c-ink-soft: #4c4439;
  --c-ink-muted: #766b5d;

  --c-line: #c7b8a0;
  --c-line-strong: #a99479;

  --c-accent-bronze: #8d5a2b;
  --c-accent-terracotta: #b86545;
  --c-accent-olive: #5e6642;
  --c-accent-copper: #9a4b37;

  --c-focus: #145d5f;
  --c-danger: #8a2f2a;

  --font-reading: "Alegreya", "Iowan Old Style", "Palatino Linotype", serif;
  --font-numeral: "Cinzel", "Trajan Pro", "Times New Roman", serif;
  --font-ui: "IBM Plex Sans", "Avenir Next", sans-serif;
  --font-code: "JetBrains Mono", "SF Mono", monospace;

  --fs-reading: clamp(1.1rem, 1.9vw, 1.55rem);
  --fs-reading-mobile: clamp(1.02rem, 4.4vw, 1.22rem);
  --fs-page-number: clamp(0.82rem, 0.95vw, 0.94rem);
  --lh-reading: 1.52;
  --ls-reading: 0.002em;
  --max-reading-width: 30ch;

  --space-1: 0.375rem;
  --space-2: 0.625rem;
  --space-3: 0.9rem;
  --space-4: 1.25rem;
  --space-5: 1.8rem;
  --space-6: 2.8rem;
  --space-7: 4.2rem;

  --motion-fast: 160ms;
  --motion-base: 260ms;
  --motion-slow: 320ms;

  --ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
}

@media (max-width: 767px) {
  :root {
    --fs-reading: var(--fs-reading-mobile);
  }
}