/* TrNe — design tokens
 * Generated by Hallmark redesign · 2026-05-20
 * Genre: editorial · theme: TrNe-custom (forest green + antique gold + warm cream)
 */

:root {
  /* Paper / surface */
  --color-paper:        oklch(94% 0.022 82);   /* warm cream — main bg */
  --color-paper-2:      oklch(97% 0.014 82);   /* light cream — alternating */
  --color-paper-3:      oklch(89% 0.024 82);   /* deeper cream — sparing tint */

  /* Ink / text */
  --color-ink:          oklch(22% 0.005 80);   /* charcoal body */
  --color-ink-2:        oklch(45% 0.008 80);   /* muted body */
  --color-ink-3:        oklch(60% 0.008 80);   /* meta / captions */

  /* Brand */
  --color-green:        oklch(28% 0.04 150);   /* forest green — headings, links */
  --color-green-deep:   oklch(20% 0.035 150);  /* deep green — footer */
  --color-sage:         oklch(89% 0.020 135);  /* subtle sage tint */

  /* Accent (gold) */
  --color-accent:       oklch(67% 0.10 75);    /* antique gold */
  --color-accent-deep:  oklch(56% 0.10 75);    /* hover gold */
  --color-accent-ink:   oklch(22% 0.005 80);   /* text on gold = ink */

  /* Rule + focus */
  --color-rule:         oklch(82% 0.020 82);   /* hairline */
  --color-rule-strong:  oklch(70% 0.022 82);   /* double rule */
  --color-focus:        oklch(60% 0.16 75);    /* focus ring */

  /* Type families */
  --font-display:       "Cormorant Garamond", ui-serif, Georgia, serif;
  --font-body:          "Inter", -apple-system, system-ui, sans-serif;
  --font-outlier:       "Cormorant SC", ui-serif, Georgia, serif;

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

  /* Type scale — 1.25 ratio */
  --text-xs:      0.8rem;
  --text-sm:      0.875rem;
  --text-base:    1rem;
  --text-md:      1.125rem;
  --text-lg:      1.375rem;
  --text-xl:      1.75rem;
  --text-2xl:     2.25rem;
  --text-3xl:     3rem;
  --text-4xl:     4rem;
  --text-display: clamp(2.5rem, 4vw + 1rem, 4.25rem);

  /* Rule weights */
  --rule-hair:   1px;
  --rule-thick:  2px;

  /* Radii */
  --radius-sm:   2px;
  --radius-card: 4px;

  /* Page gutter */
  --page-gutter: clamp(1.25rem, 4vw, 2.5rem);

  /* Measure */
  --measure:      58ch;
  --measure-wide: 72ch;

  /* Motion */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-short:   200ms;
  --dur-med:     350ms;
}