/* Design tokens — load first */
:root {
  --burgundy: #5C0A0A;
  --burgundy-dark: #4A0808;
  --burgundy-light: #6B0D0D;
  --gold: #C5A55A;
  --gold-light: #D9BE74;
  --gold-dark: #8E6F2F;
  --cream: #FFFFFF;
  --cream-warm: #F7F2EA;
  --peach: #F0DCC4;          /* warm editorial panel */
  --peach-deep: #E8C9A5;     /* peach hover / accent */
  --ink: #1A1411;
  --ink-soft: #4A3F36;
  --mute: #8A7F72;
  --hairline: #E8DCC7;

  --serif: 'Fraunces','Recoleta','Canela','GT Super Display',Georgia,serif;
  --sans: 'Inter','Söhne','Helvetica Neue',system-ui,sans-serif;
  --script: 'Caveat','Homemade Apple',cursive;

  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);

  --shadow-card: 0 10px 30px rgba(92,10,10,0.06);
  --shadow-elev: 0 20px 50px rgba(92,10,10,0.14);

  /* unified radius scale */
  --radius-sm: 6px;
  --radius: 14px;
  --radius-lg: 22px;
  --radius-panel: 28px;
}

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