/* Design tokens: everything except color (colors live in themes.css). No web fonts. */
:root {
  /* Type families: system fonts only, chosen for character where they exist */
  --font-serif: "Iowan Old Style", Charter, "Bitstream Charter", "Sitka Text", Cambria, "Palatino Linotype", Palatino, Georgia, serif;
  --font-display: "Hoefler Text", "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
  --font-sans: "Avenir Next", Avenir, "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;

  /* Fluid type scale */
  --step--2: 0.78rem;
  --step--1: 0.875rem;
  --step-0: clamp(1.0625rem, 1rem + 0.25vw, 1.1875rem);
  --step-1: clamp(1.25rem, 1.15rem + 0.4vw, 1.45rem);
  --step-2: clamp(1.5rem, 1.3rem + 0.8vw, 1.95rem);
  --step-3: clamp(1.9rem, 1.55rem + 1.4vw, 2.6rem);
  --step-4: clamp(2.3rem, 1.7rem + 2.6vw, 3.6rem);
  --step-5: clamp(2.6rem, 1.6rem + 4vw, 4.6rem);

  /* Space */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2.5rem;
  --space-7: 4rem;
  --space-8: 6rem;

  /* Layout */
  --gutter: clamp(1.25rem, 4vw, 2.5rem);
  --measure: 66ch;
  --wrap: 76rem;
  --radius-sm: 2px;
  --radius: 4px;
  --radius-lg: 10px;

  /* Motion */
  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
}