/* Hallmark · tokens · Recupere Prime · custom-tuned from the logo (sage + peach)
 * axes: paper-band light · display-style classical-serif · accent-hue warm (peach 72°)
 */
:root {
  /* Colour (OKLCH only) · sage and peach sampled from the logo */
  --color-paper:        oklch(98% 0.008 100);
  --color-paper-2:      oklch(95.5% 0.02 118);
  --color-paper-3:      oklch(91% 0.03 120);
  --color-ink:          oklch(27% 0.03 130);
  --color-ink-muted:    oklch(44% 0.035 130);
  --color-rule:         oklch(85% 0.03 118);
  --color-accent:       oklch(83% 0.12 72);
  --color-accent-hover: oklch(77% 0.13 68);
  --color-accent-soft:  oklch(92% 0.06 82);
  --color-accent-text:  oklch(50% 0.11 62);
  --color-on-accent:    oklch(27% 0.03 130);
  --color-deep:         oklch(31% 0.04 132);
  --color-on-deep:      oklch(97% 0.012 100);
  --color-on-deep-muted: oklch(83% 0.03 115);
  --color-sage:         oklch(84% 0.05 125);
  --color-sage-deep:    oklch(65% 0.055 125);
  --color-photo-bg:     oklch(92% 0.025 65);
  --color-focus:        var(--color-ink);
  --color-focus-on-deep: var(--color-on-deep);

  /* Type */
  --font-display: "Newsreader", ui-serif, Georgia, serif;
  --font-body:    "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;

  --text-xs:   0.8125rem;
  --text-sm:   0.9375rem;
  --text-base: 1.0625rem;
  --text-lg:   1.3rem;
  --text-xl:   1.625rem;
  --text-2xl:  2.05rem;
  --text-3xl:  2.6rem;
  --text-display-s: clamp(2rem, 1.2rem + 3.4vw, 3.25rem);
  --text-display:   clamp(2.5rem, 1.4rem + 4.6vw, 4.75rem);

  /* Space (4 pt) */
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;
  --space-4xl: 8rem;
  --page-gutter: clamp(1rem, 0.4rem + 3vw, 3rem);
  --page-max: 76rem;

  /* Rules, radii */
  --rule-hair:  1px;
  --rule-thick: 2px;
  --radius-sm:  0.375rem;
  --radius-md:  0.75rem;
  --radius-pill: 999px;
  --radius-arch: 999px 999px 0 0;

  /* Motion */
  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in:     cubic-bezier(0.64, 0, 0.78, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 140ms;
  --dur-base: 220ms;
}