@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --color-maroon: #7B1113;
  --color-maroon-dark: #580c0d;
  --color-forest: #014421;
  --color-gold: #C69214;
  --color-gold-light: #F8D677;
  --color-paper: #fae6f1;
  --color-ink: #1C1917;
}

body {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: #292524;
  background-color: var(--color-paper);
}

.font-serif-title {
  font-family: 'Merriweather', Georgia, serif;
}

/* Accessible High Contrast Mode */
body.high-contrast {
  background-color: #000000 !important;
  color: #FFFFFF !important;
}

body.high-contrast a {
  color: #FFFF00 !important;
}

body.high-contrast .bg-white,
body.high-contrast .bg-stone-50,
body.high-contrast .bg-[#FAF8F5] {
  background-color: #121212 !important;
  color: #FFFFFF !important;
  border-color: #555555 !important;
}

body.high-contrast .text-stone-600,
body.high-contrast .text-stone-500,
body.high-contrast .text-stone-700 {
  color: #E0E0E0 !important;
}

/* Continuous Running Marquee */
@keyframes marquee {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-50%); }
}

.animate-marquee {
  display: flex;
  width: max-content;
  animation: marquee 35s linear infinite;
}

.animate-marquee:hover {
  animation-play-state: paused;
}

.paused {
  animation-play-state: paused !important;
}