/* Oyor Prophetic School Custom Stylesheet */
:root {
  --navy: #0B1F3A;
  --gold: #C6A15B;
  --gold-light: #DFBF7E;
  --gold-dark: #9E7D39;
  --purple: #5B3A73;
  --purple-light: #7E549E;
  --cream: #FAF7F0;
  --cream-card: #FFFFFF;
  --text-dark: #111827;
  --text-muted: #4B5563;
}

body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  background-color: var(--cream);
  color: var(--text-dark);
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

.font-serif-display {
  font-family: 'Playfair Display', 'Cormorant Garamond', Georgia, serif;
}

/* Custom Gradients & Hero */
.bg-prophetic-hero {
  background: radial-gradient(circle at 50% 20%, rgba(91, 58, 115, 0.45), transparent 70%),
              linear-gradient(135deg, #0B1F3A 0%, #152238 50%, #0B1F3A 100%);
}

.bg-purple-gold-mesh {
  background: linear-gradient(135deg, rgba(11, 31, 58, 0.95) 0%, rgba(91, 58, 115, 0.85) 100%);
}

.gold-gradient-text {
  background: linear-gradient(135deg, #DFBF7E 0%, #C6A15B 50%, #FAF7F0 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.btn-gold {
  background: linear-gradient(135deg, #C6A15B 0%, #B28E46 100%);
  color: #0B1F3A;
  font-weight: 600;
  transition: all 0.25s ease;
  box-shadow: 0 4px 14px rgba(198, 161, 91, 0.25);
}

.btn-gold:hover {
  background: linear-gradient(135deg, #DFBF7E 0%, #C6A15B 100%);
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(198, 161, 91, 0.35);
}

.btn-navy {
  background-color: #0B1F3A;
  color: #FAF7F0;
  border: 1px solid rgba(198, 161, 91, 0.3);
  transition: all 0.25s ease;
}

.btn-navy:hover {
  background-color: #152A47;
  border-color: #C6A15B;
  color: #FFFFFF;
}

.card-spiritual {
  background: #FFFFFF;
  border: 1px solid rgba(198, 161, 91, 0.2);
  border-radius: 1rem;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.card-spiritual:hover {
  border-color: #C6A15B;
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(11, 31, 58, 0.08);
}

.card-spiritual-navy {
  background: linear-gradient(145deg, #0B1F3A 0%, #132742 100%);
  border: 1px solid rgba(198, 161, 91, 0.3);
  border-radius: 1rem;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.card-spiritual-navy:hover {
  border-color: #DFBF7E;
  transform: translateY(-3px);
  box-shadow: 0 14px 32px rgba(11, 31, 58, 0.25);
}

/* Badge accents */
.badge-gold {
  background-color: rgba(198, 161, 91, 0.15);
  color: #8C6A23;
  border: 1px solid rgba(198, 161, 91, 0.4);
}

.badge-purple {
  background-color: rgba(91, 58, 115, 0.12);
  color: #5B3A73;
  border: 1px solid rgba(91, 58, 115, 0.3);
}

.badge-navy {
  background-color: #0B1F3A;
  color: #DFBF7E;
}

/* Modal animation */
.modal-enter {
  animation: modalFadeIn 0.25s ease-out forwards;
}

@keyframes modalFadeIn {
  from {
    opacity: 0;
    transform: scale(0.96);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}