/* Colores de marca por encima de los del tema.
 *
 * Hello Elementor trae en su reset.css un rosa fucsia (#c36) como color por
 * defecto de TODO enlace y TODO botón:
 *
 *     a { color:#c36 }
 *     [type=button],[type=submit],button { border:1px solid #c36; color:#c36 }
 *
 * Aparece en cualquier lugar donde nadie haya puesto un color encima: enlaces
 * sueltos dentro de un texto, botones de formularios de terceros, estados :hover
 * que solo cambian la opacidad. No es de Richmond y no tiene que verse nunca.
 *
 * NO se usa !important a propósito. Los selectores van prefijados con `body`
 * (especificidad 0,0,2) para ganarle al reset del tema (0,0,1), pero perder
 * contra cualquier clase: así lo que Elementor o nuestros propios componentes
 * pintan a mano sigue mandando. Un !important acá rompería los colores elegidos
 * a propósito en cada sección.
 */

body {
  --rh-red:#FE3B1F;
  --rh-red-osc:#DB2E13;
  --rh-naranja:#F18A00;
  --rh-gris:#54565A;
  --rh-tinta:#3A3B3E;
}

/* Enlaces sin color propio */
body a { color:var(--rh-red); }
body a:hover,
body a:focus { color:var(--rh-red-osc); }

/* Botones y campos tipo botón sin estilo propio */
body button,
body [type="button"],
body [type="submit"],
body [type="reset"] {
  border-color:var(--rh-red);
  color:var(--rh-red);
}
body button:hover,
body [type="button"]:hover,
body [type="submit"]:hover,
body [type="reset"]:hover {
  border-color:var(--rh-red-osc);
  color:var(--rh-red-osc);
}

/* NO hace falta una excepción para nuestros componentes: sus reglas van por clase
   (.rh-acc__btn, especificidad 0,1,0) y le ganan a `body a` (0,0,2). Una primera
   versión de este archivo agregaba `body a[class*="rh-"]{color:inherit}` "por las
   dudas" y era peor el remedio: esa regla (0,1,2) SÍ le ganaba a las clases y
   dejaba el botón del equipo en gris en vez de blanco. */

/* Terceros que meten su propio color fuera de paleta. Chaty pinta las sugerencias
   de correo en un guinda (#970029) que no es de Richmond. */
body .email_suggestion,
body .wp_email_suggestion { color:var(--rh-gris); }

/* Selección de texto: el azul del navegador desentona con la marca. */
::selection { background:rgba(254,59,31,.18); }