/* Hallmark · tokens — Quaderno (brand-preserved custom theme)
 * paper: warm cream · ink: navy · accent: ledger red · display: Fraunces · body: Geist */
:root {
  /* Colour — OKLCH, tinted toward the brand anchors (warm paper 80 · navy 265) */
  --color-paper:   oklch(98.4% 0.007 85);
  --color-card:    oklch(99.4% 0.004 90);
  --color-ink:     oklch(25% 0.05 265);
  --color-ink-2:   oklch(34% 0.05 262);
  --color-muted:   oklch(44% 0.03 260);
  --color-rule:    oklch(88% 0.02 78);
  --color-wash:    oklch(94% 0.027 68);
  --color-accent:  oklch(50% 0.185 32);
  --color-ok:      oklch(46% 0.09 155);
  --color-focus:   oklch(50% 0.185 32);

  /* Type */
  --font-display: "Fraunces", ui-serif, Georgia, serif;
  --font-body: "Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;

  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-md:   1.125rem;
  --text-lg:   1.375rem;
  --text-xl:   1.75rem;
  --text-2xl:  clamp(1.75rem, 2.2vw + 1rem, 2.375rem);
  --text-display: clamp(2.35rem, 3.6vw + 1rem, 3.9rem);

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

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-micro: 120ms;
  --dur-short: 220ms;

  /* Shape */
  --radius: 8px;
  --rule-hair: 1px solid var(--color-rule);
}