/**
 * Tokens de diseño 2027 — Zevra (rebranding 2027).
 *
 * Paleta: solo estos 5 colores (y sus transparencias vía --*-rgb).
 *   El azul es el color principal de reconocimiento; rosa y amarillo aportan
 *   energía y contraste; gris y crema son tonos de apoyo.
 *
 *   BLUE_286   #0136AA  Pantone 286 C
 *   PINK_231   #FD77C0  Pantone 231 C
 *   YELLOW_122 #FFD157  Pantone 122 C
 *   COOL_GRAY  #727270  Pantone Cool Gray 9 C
 *   SNOW_WHITE #F9F6F1  Pantone 11-0602 TCX Snow White
 *
 * Contraste: rosa y amarillo no valen como texto pequeño sobre fondo claro;
 * gris nunca sobre azul.
 *
 * Solo se carga con $tema_2027 / $usar_navbar_2027 (includes/header-pages.php)
 * y solo lo usa css/estilos-2027.css.
 *
 * Tipografía: pendiente de cargar las fuentes del rebranding (Outfit,
 * Barlow Condensed, Impact); de momento se mantienen los roles anteriores.
 */

:root {
    /* Paleta */
    --blue-286: #0136AA;
    --blue-286-rgb: 1, 54, 170;
    --pink-231: #FD77C0;
    --pink-231-rgb: 253, 119, 192;
    --yellow-122: #FFD157;
    --yellow-122-rgb: 255, 209, 87;
    --cool-gray: #727270;
    --cool-gray-rgb: 114, 114, 112;
    --snow-white: #F9F6F1;
    --snow-white-rgb: 249, 246, 241;

    /* Bordes y divisores sobre fondo claro */
    --line: rgba(var(--cool-gray-rgb), 0.3);

    /* Tipografía (guía de marca 2027; el cliente tiene licencia web de todas).
       Archivos en fonts/2027/ salvo Outfit (Google Fonts), @font-face en estilos-2027.css.
       - Ansage Black XP: titulares principales. La guía la rotula «Outfit Light», pero
         la muestra es Ansage (confirmado al compararlas, 29/09/2026).
       - Outfit: títulos de tarjeta, botones y textos de comunicación (Light en el texto).
       - Barlow Condensed Light / Medium: subtítulos, fechas y datos auxiliares.
       - Impact: nombres de artistas (clase .font-artista). */
    --font-headline: 'Ansage Black XP', 'Outfit', system-ui, sans-serif;
    --font-title: 'Outfit', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --font-body: 'Outfit', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --font-sub: 'Barlow Condensed', 'Outfit', system-ui, sans-serif;
    --font-impact: 'Impact 2027', Impact, 'Barlow Condensed', sans-serif;

    /* Formas */
    --radius-card: 18px;
    --radius-pill: 999px;
    --shadow-card: 0 12px 34px rgba(var(--blue-286-rgb), 0.12);
}