/* Hallmark · tokens · theme: custom (vibe: "whitewash, sea-blue, linen, quiet Apulian coast")
 * paper oklch(97.5% 0.006 230) · accent oklch(48% 0.11 228) sea · Cormorant Garamond + Hanken Grotesk
 * axes: light / high-contrast-serif / cool — differs from Osteria (roman-serif, warm) on display style + accent hue */

@font-face { font-family: "Cormorant Garamond"; src: url("../fonts/cormorant-wght.woff2") format("woff2-variations"); font-weight: 300 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Hanken Grotesk"; src: url("../fonts/hanken-wght.woff2") format("woff2-variations"); font-weight: 100 900; font-style: normal; font-display: swap; }

:root {
  --color-paper:   oklch(97.5% 0.006 230);
  --color-paper-2: oklch(94%   0.018 85);
  --color-rule:    oklch(86%   0.012 230);
  --color-muted:   oklch(47%   0.030 245);
  --color-ink-2:   oklch(32%   0.045 248);
  --color-ink:     oklch(25%   0.050 250);
  --color-accent:  oklch(48%   0.11  228);
  --color-accent-ink: oklch(98% 0.005 230);
  --color-focus:   oklch(48%   0.11  228);

  --font-display: "Cormorant Garamond", ui-serif, Georgia, serif;
  --font-body:    "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;

  --text-sm: 0.875rem;
  --text-base: 1.0625rem;
  --text-md: 1.3rem;
  --text-lg: 2rem;
  --text-display-s: clamp(2.6rem, 4vw + 1rem, 4.4rem);
  --lh-body: 1.65;
  --measure: 52ch;

  --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, 3.5rem);
  --rail: 13rem;

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

:root {
  --color-error: oklch(50% 0.17 28);
  --radius-field: 10px;
}