/* ==========================================================================
   identidad/identidad.css — LA IDENTIDAD VISUAL DE LULOPIX
   --------------------------------------------------------------------------
   La copia del vault de la carpeta identidad/ del tema en lulopix.com. Sustituye
   al default gris del motor (00-Motor/plantillas/campamento-wp/identidad/).
   Extraída el 2026-10-08 de la plantilla, donde vivía mezclada desde la
   identidad de la web del 2026-09-05 (azul #0B1626 · lima · cian con glow).
   Los valores son EXACTAMENTE los que la web ya tenía: el 2026-10-08 se
   verificaron las 269 sustituciones de color una por una.
   Servidor: wp-content/themes/campamento/identidad/identidad.css
   ========================================================================== */

/* --- Poppins — el cuerpo. Autoalojada, sin CDN. --- */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('fonts/poppins-400.woff2') format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap;
  src: url('fonts/poppins-500.woff2') format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap;
  src: url('fonts/poppins-600.woff2') format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; font-display: swap;
  src: url('fonts/poppins-700.woff2') format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 800; font-display: swap;
  src: url('fonts/poppins-800.woff2') format('woff2'); }
/* --- Chakra Petch (grotesca técnica) — titulares y wordmark. Autoalojada. --- */
@font-face { font-family: 'Chakra Petch'; font-style: normal; font-weight: 500; font-display: swap;
  src: url('fonts/chakra-petch-500.woff2') format('woff2'); }
@font-face { font-family: 'Chakra Petch'; font-style: normal; font-weight: 600; font-display: swap;
  src: url('fonts/chakra-petch-600.woff2') format('woff2'); }
@font-face { font-family: 'Chakra Petch'; font-style: normal; font-weight: 700; font-display: swap;
  src: url('fonts/chakra-petch-700.woff2') format('woff2'); }

:root {
  /* — Fondos y texto — */
  --tinta:       #0B1626;   /* el azul carbón: fondo oscuro y tinta de titulares */
  --tinta-rgb:   11, 22, 38;
  --fondo:       #0B1626;
  --fondo-suave: #1C1D22;
  --fondo-suave-rgb: 28, 29, 34;
  --texto:       #F4F5F7;
  --gris-claro:  #C7CBD1;
  --gris-claro-rgb: 199, 203, 209;

  /* — La marca — */
  --acento:      #CFE04A;   /* lima: el botón principal */
  --lima:        #CFE04A;   /* LIMA LULO — resalte (hover, glows puntuales); no fondo */
  --lima-rgb:    207, 224, 74;
  --naranja:     #E3F07A;   /* la lima clara del hover (el nombre es de cuando era naranja) */
  --naranja-rgb: 227, 240, 122;
  --violeta:     #8A9099;
  --violeta-rgb: 138, 144, 153;
  --cian:        #2BB8C6;   /* CIAN — atmósfera digital: glows, línea del arco, nodos */
  --cian-rgb:    43, 184, 198;
  --cian-glow:   rgba(43,184,198,.85);

  /* — Acentos de apoyo — */
  --brasa-rgb:   238, 74, 40;     /* la BRASA bermellón de «El trabajo» y del menú «Aprende» */
  --aviso:       #F2853B;         /* el naranja del nodo «aduana» de /sistema */
  --aviso-rgb:   242, 133, 59;
  --aviso-claro: #FF9B4D;
  --indice-rgb:  232, 227, 55;
  --reticula-rgb: 190, 215, 222;
  --panel:       #0B1E2B;
  --panel-claro-rgb: 30, 40, 58;
  --panel-hondo-rgb: 20, 28, 44;

  /* — Las fuentes — */
  --fuente:         'Poppins', system-ui, -apple-system, sans-serif;
  --fuente-display: 'Chakra Petch', 'Poppins', system-ui, sans-serif;
}