/* Hallmark · tokens · genre: modern-minimal · theme: Quiet (teal-anchored)
 * Anchor hue 170. Neutrals carry a trace of the anchor's chroma so the greys
 * and the accent read as one family.
 */
:root {
  /* paper + ink */
  --color-paper:      oklch(98%   0.004 170);
  --color-paper-2:    oklch(95.5% 0.006 170);
  --color-paper-3:    oklch(92.5% 0.008 170);
  --color-rule:       oklch(87%   0.008 170);
  --color-neutral:    oklch(60%   0.010 172);
  --color-muted:      oklch(44%   0.010 175);
  --color-ink:        oklch(19%   0.012 180);

  /* one accent, under 3% of any viewport */
  --color-accent:     oklch(63%   0.135 170);
  --color-accent-ink: oklch(43%   0.110 172);
  --color-accent-wash:oklch(95%   0.030 170);
  --color-focus:      oklch(52%   0.150 170);

  /* type */
  --font-display: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-body:    ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono:    ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;

  --text-xs:   0.75rem;
  --text-sm:   0.8125rem;
  --text-base: 0.9375rem;
  --text-md:   1.0625rem;
  --text-lg:   1.25rem;
  --text-xl:   1.5rem;
  --text-2xl:  1.875rem;
  --text-3xl:  2.375rem;
  --text-display-s: clamp(2rem, 3.4vw + 1rem, 3.25rem);
  --text-display:   clamp(2.375rem, 4.6vw + 0.75rem, 4.25rem);

  /* 4pt spacing scale */
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2rem;
  --space-2xl: 3rem;
  --space-3xl: 5rem;
  --space-4xl: 7.5rem;

  --rule:        1px solid var(--color-rule);
  --rule-strong: 2px solid var(--color-ink);
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-pill: 999px;

  --dur-fast: 120ms;
  --dur-mid:  220ms;
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-in:  cubic-bezier(0.55, 0.06, 0.68, 0.19);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  --measure: 62ch;
  --page: 74rem;
}
