/* Hallmark · macrostructure: Split Studio · H2 diptych knobs: ratio=7/5, right=art, divider=negative-space
 * theme: custom · vibe: "hand-printed cream, forest ink, burnt orange" · paper: oklch(96% 0.02 90) · accent: oklch(55% 0.16 40)
 * display: Erode · body: Switzer · axes: light / roman-serif / warm
 * nav: N9 edge-aligned · footer: Ft8 marquee · enrichment: real product art (approved designs)
 * studied: no · context: inferred (gift shoppers · browse→Etsy · playful-vintage print shop)
 * Hallmark · pre-emit critique: P5 H5 E4 S5 R4 V5
 */
:root {
  /* colour — cream paper tinted warm, forest-tinted ink, burnt-orange accent */
  --color-paper:       oklch(96% 0.020 90);
  --color-paper-2:     oklch(93% 0.022 88);
  --color-ink:         oklch(24% 0.014 140);
  --color-ink-2:       oklch(34% 0.014 135);
  --color-muted:       oklch(46% 0.018 125);
  --color-rule:        oklch(82% 0.020 95);
  --color-accent:      oklch(55% 0.160 40);  /* burnt orange — links, borders, marks */
  --color-accent-deep: oklch(45% 0.150 40);  /* fills that carry text */
  --color-accent-ink:  oklch(97% 0.015 90);  /* text on accent-deep fills */
  --color-leaf:        oklch(45% 0.090 140); /* forest green — wordmark dot only */
  --color-focus:       oklch(52% 0.200 40);

  /* type — Erode (display) + Switzer (body), both Fontshare */
  --font-display: 'Erode', Georgia, serif;
  --font-body: 'Switzer', -apple-system, 'Helvetica Neue', sans-serif;
  --text-sm:   0.875rem;
  --text-base: 1.0625rem;   /* 17px */
  --text-md:   1.25rem;
  --text-lg:   1.5625rem;
  --text-xl:   1.9531rem;
  --text-2xl:  2.4414rem;
  --text-display: clamp(2.5rem, 4.5vw + 1rem, 4.5rem);

  /* space — 4pt */
  --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;

  --radius-sm: 3px;
  --page-gutter: clamp(1.25rem, 5vw, 4rem);
  --shadow-print: 0 10px 28px -14px oklch(30% 0.03 60 / 0.45); /* pinned-poster lift */

  /* motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:  cubic-bezier(0.7, 0, 0.84, 0);
  --dur-micro: 120ms;
  --dur-short: 220ms;
  --dur-long:  420ms;
}