/* Hallmark · tokens · theme: custom (vibe: "printed menu card, ivory, tomato, Umbrian trattoria")
 * paper oklch(95.5% 0.018 80) · accent oklch(52% 0.17 32) tomato · Fraunces + Crimson Pro
 * axes: light / roman-serif / warm — differs from Garden (vladimirlungu) on display style + accent hue */

@font-face { font-family: "Fraunces"; src: url("../fonts/fraunces-wght.woff2") format("woff2-variations"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Crimson Pro"; src: url("../fonts/crimson-pro-wght.woff2") format("woff2-variations"); font-weight: 200 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Crimson Pro"; src: url("../fonts/crimson-pro-wght-italic.woff2") format("woff2-variations"); font-weight: 200 900; font-style: italic; font-display: swap; }

:root {
  --color-paper:   oklch(95.5% 0.018 80);
  --color-paper-2: oklch(92%   0.024 78);
  --color-rule:    oklch(78%   0.030 60);
  --color-muted:   oklch(45%   0.030 40);
  --color-ink-2:   oklch(28%   0.030 38);
  --color-ink:     oklch(21%   0.030 35);
  --color-accent:  oklch(50%   0.17  32);
  --color-accent-ink: oklch(97% 0.012 80);
  --color-focus:   oklch(50%   0.17  32);

  --font-display: "Fraunces", ui-serif, Georgia, serif;
  --font-body:    "Crimson Pro", ui-serif, Georgia, serif;

  --text-sm: 0.95rem;
  --text-base: 1.2rem;
  --text-md: 1.4rem;
  --text-lg: 1.85rem;
  --text-display-s: clamp(2.2rem, 3.6vw + 1rem, 3.6rem);
  --lh-body: 1.55;
  --measure: 56ch;

  --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;
  --page-gutter: clamp(1rem, 4vw, 3rem);

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-micro: 120ms;
}