/*
 * Correcciones de contraste de las invitaciones.
 *
 * Una auditoria con axe encontro treinta textos por debajo del minimo WCAG en
 * nueve disenos. Casi todos son colores que traen las plantillas compradas:
 * grises claros sobre fondos claros, que se leen mal en pantalla normal y no se
 * leen al sol ni con la vista cansada. Una invitada que no distingue el menu o
 * la hora no vuelve a intentarlo.
 *
 * Viven aqui y no en cada plantilla porque varias hojas de diseno estan
 * minificadas en una linea y editarlas a mano es pedir un error; porque dos
 * tienen trabajo abierto y tocarlas daria conflictos; y porque reunidas se
 * revisan de una vez y se retiran enteras el dia que las plantillas se corrijan
 * de origen.
 *
 * Cada valor es el minimo que cruza el umbral conservando el tono, calculado
 * mezclando hacia negro o hacia blanco en pasos de medio por ciento, con un
 * cuarto de punto de margen: apuntar justo al umbral deja fallos vivos porque
 * axe y el navegador discrepan en la segunda decimal.
 *
 * Las clases van repetidas para ganar especificidad sin recurrir a !important:
 * las hojas de plantilla se cargan despues de esta y empatan a golpe de clase.
 *
 * Se inyecta desde InvitationPageRenderer en las doce invitaciones.
 */

/* ---- neela ---------------------------------------------------------------
   #73777b -> #707377 sobre #f9f9f9, de 4.29:1 a 4.51:1.
   Siete textos: descripciones del menu y titulos de las preguntas. */
body.template-neela .menu-option-card.menu-option-card p,
body.template-neela .menu-option-card.menu-option-card span,
body.template-neela details.details summary,
body.template-neela details summary {
    color: #707377;
}

/* ---- lovely --------------------------------------------------------------
   El texto del menu ya era blanco, asi que se oscurece el fondo de la seccion:
   #5e9a8e -> #4b7b72 lleva de 3.23:1 a 4.79:1. */
body.template-lovely .getting-there-section.getting-there-section {
    background-color: #4b7b72;
}

/* Tarjetas de mesa de regalos.
   parrafo  #8a8b8b -> #727373 (3.41:1 -> 4.78:1)
   aviso    #989898 -> #737373 (2.88:1 -> 4.76:1)

   El aviso se acota con :not([class]) para no tocar las etiquetas de estado,
   que llevan su propia clase y ya contrastan de sobra: pintarlas del mismo gris
   las empeoraba. La opacidad que las aclaraba se quito del marcado, donde
   estaba como atributo style y ninguna hoja podia vencerla. */
body.template-lovely .registry-item.registry-item .body p {
    color: #727373;
}

body.template-lovely .registry-item.registry-item .body span:not([class]) {
    color: #737373;
}

/* ---- sukun ---------------------------------------------------------------
   #c9a98c -> #7b6755 sobre #f7f0e9, de 1.94:1 a 4.75:1. Era el peor del lote:
   arena sobre crema, practicamente ilegible. Son los antetitulos de galeria,
   menu y regalos. */
body.template-sukun .sk-head__kicker.sk-head__kicker,
body.template-sukun .sk-kicker.sk-kicker {
    color: #7b6755;
    opacity: 1;
}

/* #8b8680 -> #6e6a65, de 3.19:1 a 4.76:1 (los tres tiempos del menu) */
body.template-sukun .sk-muted.sk-muted {
    color: #6e6a65;
    opacity: 1;
}

/* ---- liebe ---------------------------------------------------------------
   #d884b9 -> #b06c97, de 2.27:1 a 3.31:1 (monograma de la pareja en la barra de
   marca; umbral de 3:1 por ser texto grande).
   El fondo que cuenta es el #efede9 que resulta de componer las capas, no el
   #fffdf9 que declara el contenedor: calcular contra el declarado dejaba el
   resultado en 2.83:1 y el fallo vivo. */
body.template-liebe .brand-monogram-letter.brand-monogram-letter {
    color: #b06c97;
}

/* #6f706f -> #6a6b6a sobre #f6f1ec, de 4.43:1 a 4.77:1 (la fecha bajo el
   titulo). Faltaba muy poco, pero faltaba. */
body.template-liebe .liebe-hero-eyebrow.liebe-hero-eyebrow {
    color: #6a6b6a;
}

/* ---- couple-heart --------------------------------------------------------
   #118d89 -> #0e7672 sobre #f5eeea, de 3.52:1 a 4.76:1.
   Se limita a los antetitulos de seccion: la misma clase se usa en la portada,
   que va sobre fondo oscuro, y alli oscurecer el texto lo empeora. */
body.template-couple-heart .ch-section-heading .ch-kicker {
    color: #0e7672;
}

/* #8c8388 -> #7b7378 sobre blanco, de 3.67:1 a 4.59:1 */
body.template-couple-heart .ch-brand__tagline.ch-brand__tagline {
    color: #7b7378;
}