.warm-editorial-pack {
  --we-ink: #1f1b16;
  --we-green: #1f4b3d;
  --we-green-soft: #2f5e4f;
  --we-cream: #f7f4ec;
  --we-sand: #f0ebdd;
  --we-surface: #ffffff;
  --we-slate: #5c574c;
  --we-border: #ded5be;
  --we-gold: #d99a2b;
  --we-clay: #a6491f;
  --we-danger: #b4231f;
  --we-focus: #1f4b3d;
  --we-font-display: "Newsreader Variable", Newsreader, Georgia, "Times New Roman", serif;
  --we-font-body: "Geist Variable", Geist, Arial, Helvetica, sans-serif;
  --we-font-mono: "Geist Mono", "SFMono-Regular", Consolas, monospace;
  --we-space-1: 0.25rem;
  --we-space-2: 0.5rem;
  --we-space-3: 0.75rem;
  --we-space-4: 1rem;
  --we-space-5: 1.25rem;
  --we-space-6: 1.5rem;
  --we-space-8: 2rem;
  --we-space-10: 2.5rem;
  --we-space-12: 3rem;
  --we-radius-panel: 0;
  --we-radius-control: 0;
  --we-border-width: 1px;
  --we-control-height: 2.75rem;
  --we-content-width: 72rem;
  --we-navigation-width: 16rem;
  --we-motion-fast: 160ms;
  --we-motion-panel: 200ms;
  color: var(--we-ink);
  background: var(--we-cream);
  font-family: var(--we-font-body);
  font-variant-numeric: tabular-nums slashed-zero;
}

@media (prefers-reduced-motion: reduce) {
  .warm-editorial-pack *,
  .warm-editorial-pack *::before,
  .warm-editorial-pack *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}