/* ============================================================
   Alkimia · themes.css
   Correcciones de color de texto al cambiar fondos de sección.
   Cargado al FINAL para tener máxima especificidad.
   Nunca introduce colores nuevos — solo usa variables existentes.
   ============================================================ */

/* ──────────────────────────────────────────────────────────
   DOLORES — fondo BONE
   Hardcodes: color: var(--bone) en items, --gold en ornamento
   ────────────────────────────────────────────────────────── */
.dolores.bone .dolores-list {
  border-top-color: color-mix(in srgb, var(--ink) 18%, transparent);
}
.dolores.bone .dolores-list li {
  color: var(--ink);
  border-bottom-color: color-mix(in srgb, var(--ink) 18%, transparent);
}
.dolores.bone .dolores-list .ornament {
  color: var(--gold-deep);
}
/* --sage sobre bone = legible, no requiere override */
/* .dolores-cta span → --sage, legible sobre bone ✓ */

/* ──────────────────────────────────────────────────────────
   RECIBES — fondo VERDE OSCURO (sin bone)
   Las doc-cards tienen su propio fondo paper → texto ink
   dentro de las tarjetas es legible. Solo el kicker/h2/lede
   heredan bone del section por defecto ✓.
   No se requieren overrides.
   ────────────────────────────────────────────────────────── */

/* ──────────────────────────────────────────────────────────
   TESTIMONIOS — fondo BONE
   Las tarjetas mantienen fondo oscuro (bottle) para contraste
   de "tarjeta oscura en sección clara" — texto bone visible ✓
   ────────────────────────────────────────────────────────── */
.testimonios.bone .test-card {
  background: var(--bottle);
  border-color: var(--moss);
}
.testimonios.bone .test-card::before {
  border-color: color-mix(in srgb, var(--gold) 22%, transparent);
}
.testimonios.bone .test-card figcaption {
  border-top-color: color-mix(in srgb, var(--bone) 20%, transparent);
}
.testimonios.bone .testimonios-foot {
  color: color-mix(in srgb, var(--ink) 60%, transparent);
}

/* ──────────────────────────────────────────────────────────
   PRECIO — fondo BONE
   La .precio-card (derecha) mantiene fondo --bottle propio ✓
   Solo la columna izquierda (inc-list) necesita overrides
   ────────────────────────────────────────────────────────── */
.precio.bone .inc-list {
  border-top-color: color-mix(in srgb, var(--ink) 18%, transparent);
}
.precio.bone .inc-list li {
  border-bottom-color: color-mix(in srgb, var(--ink) 18%, transparent);
}
.precio.bone .inc-title { color: var(--gold-deep); }
.precio.bone .inc-list .ic { color: var(--gold-deep); }
.precio.bone .inc-list h4 { color: var(--ink); }
.precio.bone .inc-list p { color: color-mix(in srgb, var(--ink) 72%, transparent); }
.precio.bone .inc-list .meta { color: var(--gold-deep); }
/* El price-strike del h2 sobre bone */
.precio.bone h2 em .price-strike {
  color: color-mix(in srgb, var(--ink) 40%, transparent);
  text-decoration-color: color-mix(in srgb, var(--ink) 35%, transparent);
}

/* ──────────────────────────────────────────────────────────
   GARANTÍA — fondo VERDE OSCURO (sin bone)
   Hardcodes: --paper-line en bordes, --ink en h4/p
   ────────────────────────────────────────────────────────── */
.garantia {
  background: var(--forest);
  color: var(--bone);
}
.garantia .g-steps {
  border-top-color: var(--moss);
}
.garantia .g-steps .g-step {
  border-bottom-color: var(--moss);
}
.garantia .g-steps .g-step h4 {
  color: var(--bone);
}
.garantia .g-steps .g-step p {
  color: color-mix(in srgb, var(--bone) 80%, transparent);
}
.garantia .g-steps .g-step p strong {
  color: var(--gold);
}
.garantia .garantia-short {
  border-bottom-color: color-mix(in srgb, var(--gold) 30%, transparent);
}

/* ──────────────────────────────────────────────────────────
   FAQ — fondo BONE
   Hardcodes: --bone en faq-qtext, faq-a, faq-plus
   ────────────────────────────────────────────────────────── */
.faq.bone .faq-list {
  border-top-color: color-mix(in srgb, var(--ink) 18%, transparent);
}
.faq.bone .faq-item {
  border-bottom-color: color-mix(in srgb, var(--ink) 18%, transparent);
}
.faq.bone .faq-qtext {
  color: var(--ink);
}
.faq.bone .faq-a {
  color: color-mix(in srgb, var(--ink) 82%, transparent);
}
.faq.bone .faq-a strong {
  color: var(--gold-deep);
}
/* faq-num → --gold, legible sobre bone ✓ */
/* faq-plus → --gold, legible sobre bone ✓ */