:root {
  --twv-paper-50: #fffdf9;
  --twv-paper-100: #f8efe1;
  --twv-paper-200: #eadbc3;
  --twv-ink-900: #261b16;
  --twv-ink-700: #55473e;
  --twv-oxblood-900: #3a0d0d;
  --twv-oxblood-700: #6f1717;
  --twv-warning-600: #a92b25;
  --twv-warning-500: #c83229;
  --twv-antique-gold-700: #6e4b1b;
  --twv-antique-gold-500: #a7772f;
  --twv-antique-gold-300: #d8b56f;
  --twv-turquoise-800: #0b3f42;
  --twv-turquoise-500: #268e8d;
  --twv-cosmic-950: #070a17;
  --twv-cosmic-800: #171f3d;
  --twv-bronze-700: #6e4a2e;
  --twv-bronze-400: #b88754;
  --twv-space-1: .25rem;
  --twv-space-2: .5rem;
  --twv-space-3: .75rem;
  --twv-space-4: 1rem;
  --twv-space-5: 1.5rem;
  --twv-space-6: 2rem;
  --twv-space-7: 3rem;
  --twv-space-8: 4.5rem;
  --twv-radius-sm: .35rem;
  --twv-radius-md: .75rem;
  --twv-radius-lg: 1.2rem;
  --twv-ease-out-expo: cubic-bezier(.16, 1, .3, 1);
  --twv-duration-fast: 180ms;
  --twv-duration-medium: 360ms;
  --twv-duration-slow: 600ms;
  --twv-shadow-soft: 0 16px 48px rgb(52 31 19 / 12%);
  --twv-shadow-gold: 0 18px 50px rgb(129 86 29 / 18%);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --twv-duration-fast: 1ms;
    --twv-duration-medium: 1ms;
    --twv-duration-slow: 1ms;
  }
}