/* Hallmark · tokens for jjompa.com (build 3)
 * theme: custom · vibe: "statesman portrait, deep navy, batik gold, ivory"
 * axes: paper-band light (ivory) with dark navy chapters / display-style classical-serif / accent-hue warm (gold)
 */
:root {
  --color-navy:      oklch(19% 0.035 255);
  --color-navy-2:    oklch(24% 0.04 255);
  --color-ivory:     oklch(96.5% 0.012 85);
  --color-ivory-2:   oklch(92.5% 0.02 85);
  --color-ink:       oklch(19% 0.035 255);
  --color-ink-2:     oklch(42% 0.025 255);
  --color-gold:      oklch(77% 0.12 80);
  --color-gold-ink:  oklch(50% 0.1 70);
  --color-on-navy:   oklch(95% 0.012 85);
  --color-on-navy-2: oklch(76% 0.02 250);
  --color-rule:      oklch(84% 0.02 85);
  --color-rule-navy: oklch(34% 0.035 255);
  --color-focus:     oklch(77% 0.12 80);
  --color-fade:      oklch(19% 0.035 255 / 0);

  --font-display: "Libre Caslon Display", "Big Caslon", "Iowan Old Style", Georgia, serif;
  --font-body:    "Instrument Sans", system-ui, -apple-system, "Segoe 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; --space-4xl: 10rem;
  --gutter: clamp(1rem, 4vw, 3rem);
  --rail: 4.5rem;

  --text-xs: 0.8125rem; --text-sm: 0.9375rem; --text-md: 1.0625rem;
  --text-lg: 1.25rem; --text-xl: 1.625rem;
  --text-2xl: clamp(1.875rem, 1.3rem + 2vw, 2.75rem);
  --text-3xl: clamp(2.25rem, 1.2rem + 4vw, 4.5rem);
  --text-year: clamp(4rem, 2rem + 8vw, 9.5rem);
  --text-name: clamp(2.6rem, 8.2vw, 8rem);

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-short: 160ms;
  --dur-entrance: 900ms;
  --rule-hair: 1px;
  --measure: 62ch;
  --wrap: 80rem;
}