@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@700&family=Inter:wght@300;400;500;600;700&family=Merriweather:ital,wght@0,300;0,400;0,700;1,300&display=swap');

:root {
  --brand-maroon: #720c20;
  --brand-maroon-dark: #580918;
  --brand-maroon-light: #8e152d;
  --brand-maroon-tint: #fdf2f4;
  --brand-cream: #fbf9f5;
}

body {
  font-family: 'Inter', sans-serif;
}

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

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

.pulse-dot {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.brand-logo-shadow {
  box-shadow: 0 0 0 1px rgba(114, 12, 32, 0.12), 0 3px 8px -1px rgba(0, 0, 0, 0.08);
}

.bg-maroon { background-color: #720c20; }
.hover\:bg-maroon-dark:hover { background-color: #580918; }
.text-maroon { color: #720c20; }
.hover\:text-maroon:hover { color: #720c20; }
.border-maroon { border-color: #720c20; }
.bg-maroon-tint { background-color: #fdf2f4; }
.text-maroon-dark { color: #580918; }

@keyframes pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.4; transform: scale(1.15); }
}