/* ============================================================
   WHITE THEME — se activa añadiendo class="theme-white" al <body>
   Sobreescribe las variables CSS y los valores hardcodeados del
   style.css principal para obtener una versión en colores claros.
============================================================ */

/* ── Variables de color ──────────────────────────────────────────── */
body.theme-white {
  --black:      #faf8f4;
  --dark:       #f0ebe1;
  --dark-alt:   #e8e1d5;
  --mid:        #cec8bc;
  --gold:       #8a6a2e;
  --gold-dark:  #6e5220;
  --gold-light: #c9a96e;
  --cream:      #1a1714;
  --gray:       #5e5650;
  --gray-light: #7a706a;
}

/* ── Header scrolled (fondo hardcodeado en style.css) ─────────────── */
body.theme-white #header.scrolled {
  background: rgba(250,248,244,.97);
  box-shadow: 0 1px 0 rgba(138,106,46,.15);
}

/* ── Menú móvil (fondo hardcodeado en style.css) ─────────────────── */
@media (max-width: 768px) {
  body.theme-white .nav-links {
    background: rgba(250,248,244,.98);
    border-left-color: var(--mid);
  }

  body.theme-white .hamburger span {
    background: var(--cream);
  }

  body.theme-white .hamburger.open span {
    background: var(--cream);
  }
}

/* ── Slider de noticias — botones sobre imágenes ─────────────────── */
body.theme-white .slider-btn {
  background: rgba(0,0,0,.45);
}
body.theme-white .slider-btn:hover {
  background: rgba(0,0,0,.65);
}

/* ── Mensajes del formulario de contacto ─────────────────────────── */
body.theme-white .form-msg.success {
  background: rgba(38,116,43,.1);
  border-color: rgba(38,116,43,.25);
  color: #1a5c1e;
}
body.theme-white .form-msg.error {
  background: rgba(155,45,45,.1);
  border-color: rgba(155,45,45,.22);
  color: #8c2020;
}
body.theme-white .field-error {
  color: #8c2020;
}

/* ── Btn outline hover (rgba hardcodeada en style.css) ────────────── */
body.theme-white .btn-outline:hover {
  background: rgba(138,106,46,.1);
}

/* ── Footer border ───────────────────────────────────────────────── */
body.theme-white .site-footer {
  border-top-color: rgba(138,106,46,.12);
}