/*
Theme Name: Iglesia Nueva Esperanza
Description: A modern, responsive WordPress theme for churches with customizable sections and content management.
Version: 1.0.0
Author: Iglesia Nueva Esperanza
Text Domain: nueva-esperanza
*/

/* Import Tailwind CSS */
@import url('assets/css/tailwind.css');

/* Custom Church Theme Styles */
:root {
  --church-gold: 42 85% 65%;
  --church-navy: 215 85% 15%;
  --church-cream: 45 100% 99%;
  --church-warm: 42 25% 95%;
}

/* Custom utility classes */
.bg-church-navy { background-color: hsl(var(--church-navy)); }
.bg-church-gold { background-color: hsl(var(--church-gold)); }
.bg-church-cream { background-color: hsl(var(--church-cream)); }
.bg-church-warm { background-color: hsl(var(--church-warm)); }

.text-church-navy { color: hsl(var(--church-navy)); }
.text-church-gold { color: hsl(var(--church-gold)); }
.text-church-cream { color: hsl(var(--church-cream)); }

.border-church-navy { border-color: hsl(var(--church-navy)); }
.border-church-gold { border-color: hsl(var(--church-gold)); }

/* Custom shadows */
.shadow-warm {
  box-shadow: 0 10px 30px -10px hsl(var(--church-navy) / 0.2);
}

/* Responsive text utilities */
@media (max-width: 768px) {
  .text-5xl { font-size: 3rem; }
  .text-7xl { font-size: 4rem; }
}