/* tokens — wutri · theme: Lumen · Hallmark */

:root {
  /* ── color ────────────────────────────────────────────── */
  --color-paper:           oklch(98% 0.004 78);
  --color-ink:             oklch(11% 0.008 255);
  --color-ink-2:           oklch(44% 0.008 255);
  --color-ink-3:           oklch(66% 0.006 255);
  --color-accent:          oklch(40% 0.14 258);
  --color-rule:            oklch(88% 0.005 78);
  --color-focus:           oklch(40% 0.14 258);
  --color-header-blur-bg:  oklch(98% 0.004 78 / 0.92);

  /* ── fonts ────────────────────────────────────────────── */
  --font-display: 'Instrument Serif', Georgia, 'Times New Roman', serif;
  --font-body:    'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;

  /* ── type scale ───────────────────────────────────────── */
  --text-display: clamp(3.5rem, 14vw, 9rem);
  --text-3xl:     clamp(1.5rem, 2.5vw, 2rem);
  --text-lg:      1.125rem;
  --text-base:    1rem;
  --text-sm:      0.875rem;
  --text-xs:      0.75rem;

  /* ── spacing (4-pt base) ──────────────────────────────── */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-32: 8rem;

  /* ── motion ───────────────────────────────────────────── */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:     cubic-bezier(0.4, 0, 1, 1);
  --ease-in-out: cubic-bezier(0.45, 0, 0.55, 1);
  --dur-fast:    120ms;
  --dur-base:    200ms;
  --dur-slow:    350ms;

  /* ── layout ───────────────────────────────────────────── */
  --container-max: 880px;
  --pad:           clamp(1.5rem, 5vw, 5rem);
}