/* RC Brand Fonts base CSS
 * Variables y utilidades opcionales (activadas desde el admin).
 * Las reglas @font-face se inyectan dinámicamente según tus URLs.
 */

/* Variables base de familias */
:root{
  --font-display: "Comfortaa", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --font-body: "Roboto", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --font-cond: "Roboto Condensed", "Roboto", system-ui, sans-serif;
  --font-script: "Caveat", cursive;
  --font-revista: "Gobold Thin Light", "Roboto", system-ui, sans-serif;

  /* Colores de la guía (ajusta si gustas) */
  --rc-azul: #181833;
  --rc-naranja-oscuro: #f06424;
  --rc-naranja-claro: #f47f16;
  --rc-rojo-claro: #ff4848;
  --rc-gris-claro: #f1f1f1;
}

/* Utilidades: se activan desde Admin marcando "Habilitar utilidades CSS".
   Para evitar CSS innecesario, se imprimen siempre pero su uso es opt-in. */

/* Titulares / textos claves — ejemplo de mapping del anexo */
.rc-u-eslogan        { font-family: var(--font-display); font-weight:700; font-size: 2rem; }
.rc-u-frase-bold     { font-family: var(--font-display); font-weight:700; font-size: 2.1667rem;}
.rc-u-menu           { font-family: var(--font-body);    font-weight:700; font-size: 1.8333rem;}
.rc-u-h2             { font-family: var(--font-display); font-weight:700; font-size: 2.5rem; }
.rc-u-h3             { font-family: var(--font-display); font-weight:600; font-size: 1.125rem;}
.rc-u-texto          { font-family: var(--font-body);    font-weight:400; font-size: 1.3333rem;}
.rc-u-texto-bold     { font-family: var(--font-body);    font-weight:700; font-size: 1.125rem;}
.rc-u-popup-cita     { font-family: var(--font-script);  font-weight:400; font-size: 2.125rem;}
.rc-u-popup-titular  { font-family: var(--font-cond);    font-weight:700; font-size: 2.3333rem;}
.rc-u-boton          { font-family: var(--font-body);    font-weight:900; font-size: 2rem; }
.rc-u-revista-link   { font-family: var(--font-revista); font-weight:400; font-size: 3.3333rem;}

/* Colores guía */
.rc-c-azul   { color: var(--rc-azul); }
.rc-c-nar    { color: var(--rc-naranja-oscuro); }
.rc-c-nar-l  { color: var(--rc-naranja-claro); }
.rc-c-rojo   { color: var(--rc-rojo-claro); }
.rc-bg-gris  { background: var(--rc-gris-claro); }

/* Body fallback */
body{ font-family: var(--font-body); }