/* Hallmark · tokens · theme: custom (brand-preserved) · vibe: "soft coastal, paper and tide"
 * axes: light / roman-serif / warm (coral) */
:root {
  --color-paper:      oklch(97.4% 0.012 80);   /* cream */
  --color-paper-2:    oklch(94% 0.022 78);     /* sand-light */
  --color-sand:       oklch(88.5% 0.04 78);
  --color-ink:        oklch(26% 0.055 245);    /* ocean-deep */
  --color-ink-2:      oklch(45% 0.03 245);
  --color-ink-3:      oklch(56% 0.025 245);
  --color-rule:       oklch(26% 0.055 245 / 0.14);
  --color-accent:     oklch(55% 0.11 38);      /* coral, darkened for 4.5:1 text on paper */
  --color-accent-ink: oklch(97.4% 0.012 80);
  --color-tide:       oklch(36% 0.07 243);     /* ocean-mid */
  --color-focus:      oklch(55% 0.11 38);
  --color-error:      oklch(50% 0.16 28);
  --color-scrim:      oklch(20% 0.05 245 / 0.62);

  --font-display: "Fraunces", Georgia, serif;
  --font-body:    "Inter", system-ui, sans-serif;

  --space-3xs: 0.25rem; --space-2xs: 0.5rem; --space-xs: 0.75rem;
  --space-sm: 1rem;     --space-md: 1.5rem;  --space-lg: 2rem;
  --space-xl: 3rem;     --space-2xl: 4.5rem; --space-3xl: 7rem;
  --gutter: clamp(1.25rem, 5vw, 4rem);

  --text-xs: 0.8125rem; --text-sm: 0.9375rem; --text-md: 1.0625rem;
  --text-lg: 1.375rem;  --text-xl: clamp(1.75rem, 3.2vw, 2.5rem);
  --text-display: clamp(2.4rem, 5.6vw, 4.6rem);

  --radius-sm: 6px; --radius-pill: 999px;

  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --dur-press: 140ms; --dur-short: 220ms; --dur-nav: 260ms;

  --banner-h: 40px; --bar-h: 68px;
}