/* Hallmark · tokens · theme: custom "Mono Red" · black ground, white type, one red · anchor hue: 27 */
:root {
  --color-ink: oklch(98.5% 0.002 27);
  --color-ink-2: oklch(74% 0.006 27);
  --color-paper: oklch(13% 0.004 27);
  --color-paper-2: oklch(19% 0.005 27);
  --color-rule: oklch(32% 0.006 27);
  --color-red: oklch(59% 0.235 27);
  --color-on-ink: oklch(98.5% 0.002 27);
  --color-on-ink-2: oklch(74% 0.006 27);
  --color-rule-ink: oklch(32% 0.006 27);
  --color-focus: oklch(59% 0.235 27);
  --color-scrim: oklch(12% 0.004 27 / 0.96);

  --font-display: "Archivo", "Arial Black", Arial, sans-serif;
  --font-body: "Archivo", "Helvetica Neue", Arial, sans-serif;

  --text-xs: 0.8rem;
  --text-sm: 0.95rem;
  --text-base: 1.0625rem;
  --text-lg: clamp(1.15rem, 0.95rem + 0.9vw, 1.5rem);
  --text-h2: clamp(2.4rem, 1rem + 6.5vw, 6.5rem);
  --text-h1: clamp(2.9rem, 0.6rem + 11vw, 11.5rem);

  --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem;
  --space-6: 1.5rem; --space-8: 2rem; --space-12: 3rem; --space-16: 4rem;
  --space-24: clamp(4rem, 2rem + 8vw, 9rem);

  --gutter: clamp(1rem, 3.5vw, 3rem);
  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
  --dur-1: 160ms;
  --dur-2: 520ms;
  --dur-3: 1000ms;
  --ease-expo: cubic-bezier(0.16, 1, 0.3, 1);
}