/*
 * Design tokens v1 — approved by the owner on 27.07.2026.
 * Later palette, typography, or scale changes require renewed approval.
 */
:root {
  --color-paper: #f3efe6;
  --color-paper-light: #faf8f2;
  --color-ink: #22231f;
  --color-ink-soft: #62645d;
  --color-line: #d8d2c6;
  --color-moss: #596151;
  --color-oxide: #9a6248;
  --color-night: #282c27;
  --color-gallery-canvas: #1d201d;
  --color-white: #ffffff;
  --color-on-dark: rgb(255 255 255 / 82%);
  --color-on-dark-soft: rgb(255 255 255 / 74%);
  --color-on-dark-subtle: rgb(255 255 255 / 64%);
  --color-on-dark-muted: rgb(255 255 255 / 58%);
  --color-on-dark-control: rgb(255 255 255 / 34%);
  --color-on-dark-border: rgb(255 255 255 / 25%);
  --color-on-dark-divider: rgb(255 255 255 / 18%);
  --color-on-dark-hairline: rgb(255 255 255 / 16%);
  --color-hero-overlay-wide-strong: rgb(15 18 15 / 60%);
  --color-hero-overlay-wide-soft: rgb(15 18 15 / 12%);
  --color-hero-overlay-wide-bottom: rgb(15 18 15 / 45%);
  --color-hero-overlay-mobile-strong: rgb(15 18 15 / 56%);
  --color-hero-overlay-mobile-soft: rgb(15 18 15 / 8%);
  --color-hero-overlay-mobile-bottom: rgb(15 18 15 / 66%);

  --font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-body: "Manrope", Arial, sans-serif;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: clamp(1rem, 0.96rem + 0.16vw, 1.125rem);
  --text-lg: clamp(1.125rem, 1.03rem + 0.36vw, 1.375rem);
  --text-xl: clamp(1.5rem, 1.25rem + 0.9vw, 2.125rem);
  --text-2xl: clamp(2.5rem, 1.7rem + 3vw, 5rem);
  --text-hero: clamp(3.25rem, 1.7rem + 6.2vw, 8.75rem);

  --space-1: 0.5rem;
  --space-2: 0.75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4.5rem;
  --space-8: 6rem;
  --space-9: 8rem;

  --container: 88rem;
  --content: 74rem;
  --reading: 43rem;
  --gutter: clamp(1.125rem, 3vw, 3.5rem);

  --radius-sm: 0.125rem;
  --radius-pill: 999px;
  --transition: 180ms ease;
}