:root {
  --primary-color: #921149 !important;
  --secondary-color: #9b0826 !important;
  --background-color: #f7f7f7 !important;
  --header-bg: #671313 !important;
  --header-text: #ffffff !important;
  --footer-bg: #1a1a1a !important;
  --footer-text: #ffffff !important;
  
  --bs-primary: #921149 !important;
  --bs-primary-rgb: 146, 17, 73 !important;
  --bs-secondary: #9b0826 !important;
  --bs-secondary-rgb: 155, 8, 38 !important;
  --bs-body-bg: #f7f7f7 !important;
  --font-heading: ''Quatro Slab', serif', sans-serif !important;
  --font-body: ''Averta', sans-serif', sans-serif !important;
  --bs-border-radius: 0.25rem !important;
  
  --news-title-color: #333333 !important;
  --news-title-font: 'Montserrat', sans-serif !important;
  --news-excerpt-color: #666666 !important;
  --news-excerpt-font: 'Inter', sans-serif !important;
  --news-title-weight: bold !important;
  --news-title-style: normal !important;
  --news-title-decoration: none !important;
  --news-excerpt-weight: normal !important;
  --news-excerpt-style: normal !important;
  --news-excerpt-decoration: none !important;

  /* Mapeo para Panel de Administrador */
  --color-otsec: var(--primary-color) !important;
  --color-secundario: var(--secondary-color) !important;
}

body, .content-wrapper, .admin-container {
    background-color: var(--bs-body-bg) !important;
}
.sidebar, .admin-sidebar {
    background-color: var(--secondary-color) !important;
}
.sidebar a:hover, .admin-sidebar a:hover {
    background-color: var(--primary-color) !important;
}

/* Header Override */
.navbar:not(.bg-transparent):not(.bg-dark) {
    background-color: var(--header-bg) !important;
}
.navbar:not(.bg-transparent):not(.bg-dark) .nav-link, 
.navbar:not(.bg-transparent):not(.bg-dark) .navbar-brand {
    color: var(--header-text) !important;
}

/* Footer Override */
footer, .site-footer {
    background-color: var(--footer-bg) !important;
    color: var(--footer-text) !important;
}
footer a, .site-footer a {
    color: var(--footer-text) !important;
    opacity: 0.8;
}

.bg-primary { background-color: var(--bs-primary) !important; }
.text-primary { color: var(--bs-primary) !important; }
.btn-primary { 
    background-color: var(--bs-primary) !important; 
    border-color: var(--bs-primary) !important; 
}
.btn-outline-primary {
    color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}
.btn-outline-primary:hover {
    background-color: var(--bs-primary) !important;
    color: white !important;
}

body, body.admin-page {
  font-family: var(--font-body) !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
body.admin-page h1, body.admin-page h2, body.admin-page h3, body.admin-page h4, body.admin-page h5, body.admin-page h6,
.admin-card-title, .welcome-card h2 {
  font-family: var(--font-heading) !important;
}

/* Forzar que los textos y labels en admin usen font-body */
body.admin-page p, body.admin-page span, body.admin-page label, body.admin-page .form-control, body.admin-page .form-select, body.admin-page .btn, body.admin-page td, body.admin-page th {
    font-family: var(--font-body) !important;
}

/* CUSTOM GLOBAL CSS */