/* ==========================================================================
   Unión Cultural · Paleta de color · v1.0 (2026-09-26)
   Fuente de verdad: paleta.json. Uso: <link rel="stylesheet" href="colores.css">
   ========================================================================== */

:root {
  /* --- Colores de marca ------------------------------------------------ */
  --uc-negro:          #000000; /* Negro Unión · base estructural        */
  --uc-azul:           #0066FF; /* Azul Unión · primario, del logotipo    */
  --uc-azul-profundo:  #00265C; /* Azul Profundo · institucional          */
  --uc-naranja:        #FF5A36; /* Naranja Escena · acento, CTA           */
  --uc-grafito:        #1A1D21; /* Grafito · texto                        */
  --uc-gris:           #8A94A6; /* Gris Medio · secundario                */
  --uc-niebla:         #F2F4F7; /* Gris Niebla · fondos                   */
  --uc-blanco:         #FFFFFF; /* Blanco                                 */

  /* --- Canales RGB, para transparencias: rgb(var(--uc-azul-rgb) / .12) - */
  --uc-negro-rgb:          0 0 0;
  --uc-azul-rgb:           0 102 255;
  --uc-azul-profundo-rgb:  0 38 92;
  --uc-naranja-rgb:        255 90 54;
  --uc-grafito-rgb:        26 29 33;
  --uc-gris-rgb:           138 148 166;
  --uc-niebla-rgb:         242 244 247;
  --uc-blanco-rgb:         255 255 255;

  /* --- Roles semánticos (usar estos en componentes) --------------------- */
  --uc-color-fondo:               var(--uc-blanco);
  --uc-color-fondo-alterno:       var(--uc-niebla);
  --uc-color-fondo-oscuro:        var(--uc-negro);
  --uc-color-fondo-institucional: var(--uc-azul-profundo);

  --uc-color-texto:               var(--uc-grafito);      /* 16,9:1 sobre blanco */
  --uc-color-texto-secundario:    var(--uc-gris);         /* 3,1:1 · solo texto grande sobre claro */
  --uc-color-texto-invertido:     var(--uc-blanco);

  --uc-color-primario:            var(--uc-azul);
  --uc-color-sobre-primario:      var(--uc-blanco);       /* 4,8:1 · AA */
  --uc-color-acento:              var(--uc-naranja);
  --uc-color-sobre-acento:        var(--uc-negro);        /* 6,8:1 · AA · nunca blanco */
  --uc-color-enlace:              var(--uc-azul);         /* 4,8:1 sobre blanco */
}