/* Site-wide typography and motion tokens. Component dimensions stay in their own stylesheets. */
:root {
  --font-body: Arial, Helvetica, sans-serif;
  --font-display: Impact, 'Arial Black', sans-serif;
  --font-weight-body: 400;
  --font-weight-strong: 700;
  --font-weight-display: 900;
  --leading-body: 1.6;
  --leading-heading: .91;
  --tracking-heading: -.035em;
  --motion-feedback: 120ms;
  --motion-fast: 150ms;
  --motion-reveal: 300ms;
  --motion-rail: 1200ms;
  --ease-standard: ease;
  --ease-rail: cubic-bezier(.22, 1, .36, 1);
  --colour-paper: #fff8ee;
  --colour-berry: #5b1f33;
  --colour-olive: #4c5229;
  --colour-wood: #ac8150;
}
@media (prefers-reduced-motion: reduce) {
  :root { --motion-feedback: 0ms; --motion-fast: 0ms; --motion-reveal: 0ms; --motion-rail: 0ms; }
}