:root {
  --paper: #f9f6ef;
  --paper-warm: #f3ede3;
  --paper-shadow: #e8e0d4;
  --ink: #252019;
  --ink-soft: #5c564c;
  --ink-faint: #9a9288;

  --clay: #d4642a;
  --clay-light: #f0cdb8;
  --sage: #3d6b4f;
  --sage-light: #c8ddd0;
  --sky: #4a7fb8;
  --sky-light: #c5dff5;
  --mustard: #c9a227;

  --font-display: "Newsreader", Georgia, serif;
  --font-body: "DM Sans", system-ui, sans-serif;
  --font-note: "Caveat", cursive;

  --wrap: 68rem;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-bounce: cubic-bezier(0.68, -0.4, 0.32, 1.4);

  --shadow-soft: 0 2px 0 var(--paper-shadow), 0 12px 40px rgba(37, 32, 25, 0.06);
  --shadow-lift: 0 4px 0 var(--paper-shadow), 0 24px 60px rgba(37, 32, 25, 0.1);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}