/* GENERATED from tokens/tokens.json (sha256:71aab8d5eae1245a) — DO NOT EDIT. Run: node scripts/build-tokens.mjs */
:root {
  --zq-color-canvas: #FAF8F5;
  --zq-color-surface: #FFFFFF;
  --zq-color-ink: #16130F;
  --zq-color-ink-soft: #5C564E;
  --zq-color-line: #E3DDD4;
  --zq-color-accent: #A85C3A;
  --zq-color-accent-deep: #7E4229;
  --zq-color-success: #4A6B4F;
  --zq-color-alert: #9B3B2E;
  --zq-font-display: "Fraunces", "Iowan Old Style", Georgia, serif;
  --zq-font-body: "Switzer", "Switzer Fallback", Arial, sans-serif;
  --zq-size-step--1: 0.875rem;
  --zq-size-step-0: 1rem;
  --zq-size-step-1: 1.25rem;
  --zq-size-step-2: 1.5625rem;
  --zq-size-step-3: 1.9531rem;
  --zq-size-step-4: 2.4414rem;
  --zq-size-step-5: 3.0518rem;
  --zq-size-step-6: 3.8147rem;
  --zq-space-1: 8px;
  --zq-space-2: 16px;
  --zq-space-3: 24px;
  --zq-space-4: 32px;
  --zq-space-5: 48px;
  --zq-space-6: 64px;
  --zq-space-7: 96px;
  --zq-space-8: 128px;
  --zq-space-9: 160px;
  --zq-layout-container: 1360px;
  --zq-layout-content: 1120px;
  --zq-layout-gutter: 24px;
  --zq-radius-base: 4px;
  --zq-radius-pill: 999px;
  --zq-motion-fast: 120ms;
  --zq-motion-base: 180ms;
  --zq-motion-slow: 320ms;
  --zq-motion-ease: cubic-bezier(.2,.6,.2,1);
  --zq-shadow-raise: 0 1px 2px rgba(22,19,15,.06), 0 8px 24px rgba(22,19,15,.05);
}

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