/* Design tokens. Direction not chosen yet (three moodboards in /moodboards/).
   These defaults follow direction 1 "Klassiek warm" so the scaffold is
   presentable; swap the values once Jeff or Kris picks. Fonts are system
   stacks until the chosen typefaces are self-hosted in /assets/fonts/. */

:root {
  --paper: #faf7f2;
  --paper-2: #f1ece3;
  --ink: #1d1a17;
  --ink-2: #4a443d;
  --muted: #7a736a;
  --line: #e2dbcf;
  --accent: #b5542a;
  --accent-ink: #ffffff;

  --font-display: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
  --font-body: "Source Sans 3", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  --size-0: clamp(0.875rem, 0.84rem + 0.2vw, 0.95rem);
  --size-1: clamp(1rem, 0.95rem + 0.3vw, 1.125rem);
  --size-2: clamp(1.2rem, 1.1rem + 0.5vw, 1.4rem);
  --size-3: clamp(1.5rem, 1.3rem + 1vw, 2rem);
  --size-4: clamp(2rem, 1.6rem + 2vw, 3rem);
  --size-5: clamp(2.5rem, 1.8rem + 3.2vw, 4.25rem);

  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: 6rem;

  --wrap: 72rem;
  --narrow: 44rem;
  --gutter: 1rem;
  --radius: 4px;
  --radius-media: 8px;
  --ease: 200ms ease;
}

@media (min-width: 48rem) {
  :root { --gutter: 2rem; }
}

@media (prefers-reduced-motion: reduce) {
  :root { --ease: 0ms; }
}