/* Generado automáticamente desde brand-tokens.json. No editar a mano. */
/* Marca: Grupo EULEN — Manual de Estilo Corporativo 2019 — 1ª FASE (110 pp.) */
:root {
  /* --- color de marca (por ROL, no por color) --- */
  --marca-primario: #002664;
  --marca-primario-claro: #24447A;
  --marca-primario-oscuro: #001B46;
  --marca-secundario: #ED2939;
  --marca-secundario-oscuro: #CC2331;
  --marca-terciario: #00A9E0;
  --marca-neutro: #E8E6DF;
  /* --- tripletas RGB para transparencias --- */
  --marca-primario-rgb: 0, 38, 100;
  --marca-primario-oscuro-rgb: 0, 27, 70;
  --marca-secundario-rgb: 237, 41, 57;
  --marca-terciario-rgb: 0, 169, 224;
  /* --- base y texto --- */
  --marca-blanco: #FFFFFF;
  --marca-negro: #000000;
  --marca-texto: #595959;
  --marca-texto-fuerte: #333333;
  --marca-texto-inverso: #FFFFFF;
  /* --- superficies --- */
  --marca-fondo: #FFFFFF;
  --marca-fondo-alt: #E8E6DF;
  --marca-borde: #DAD8D2;
  /* --- estados --- */
  --marca-correcto: #2E7D32;
  --marca-incorrecto: #ED2939;
  --marca-aviso: #00A9E0;
  /* --- tipografía --- */
  --marca-tipo-titulos: Intro, 'Trebuchet MS', 'Segoe UI', sans-serif;
  --marca-tipo-cuerpo: Intro, 'Trebuchet MS', 'Segoe UI', sans-serif;
  --marca-h1: 44px;
  --marca-h2: 32px;
  --marca-h3: 24px;
  --marca-cuerpo: 20px;
  --marca-cuerpo-lg: 22px;
  --marca-pie: 16px;
  --marca-boton: 18px;
  /* --- espaciado --- */
  --marca-esp-xs: 8px;
  --marca-esp-sm: 16px;
  --marca-esp-md: 24px;
  --marca-esp-lg: 40px;
  --marca-esp-xl: 56px;
  --marca-esp-xxl: 80px;
  --marca-radio-sm: 4px;
  --marca-radio-md: 8px;
  --marca-radio-lg: 16px;
  /* --- lienzo --- */
  --marca-lienzo-ancho: 1280px;
  --marca-lienzo-alto: 720px;
  --marca-barra-superior: 65px;
  --marca-barra-inferior: 48px;
  --marca-margen-lateral: 56px;
  --marca-cromo: color-mix(in srgb, #002664 22%, #0b0b0d);
  --marca-cromo-borde: rgba(255, 255, 255, 0.14);
  --marca-cromo-texto: rgba(255, 255, 255, 0.82);
  /* --- movimiento --- */
  --marca-mov-entrada: 400ms;
  --marca-mov-salida: 250ms;
  --marca-mov-feedback: 1000ms;
  --marca-mov-curva: cubic-bezier(0.4, 0, 0.2, 1);
}

/* Los títulos usan la pila de titulares; el resto hereda la de cuerpo. */
h1, h2, h3, .titulo-seccion, .portada-titulo, .final-titulo {
  font-family: var(--marca-tipo-titulos);
}