/* ==========================================================================
   identidad/identidad.css — LA IDENTIDAD VISUAL DE «Dayana RevOps» (v1, 2026-10-09)
   --------------------------------------------------------------------------
   Construida por `construye-identidad-visual` (fase A.2 del alistamiento de
   marca-profesional). Sustituye ENTERA a la carpeta identidad/ por defecto del
   tema. El razonamiento vive en identidad-marca-profesional.md; los VALORES
   mandan en el Norte §5-bis: si uno cambia, se cambia allí y se rederiva esto.

   Dirección: «Petróleo + amarillo señal» — fondo petróleo casi negro, texto
   blanco frío, el amarillo como la señal (el dato que importa), Sora + Inter.
   Los nombres de las variables son históricos; su PAPEL es fijo.
   ========================================================================== */

@font-face {
  font-family: 'Sora';
  src: url('fonts/sora-variable.woff2') format('woff2');
  font-weight: 400 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('fonts/inter-variable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* — Fondos y texto — */
  --tinta:       #0D1F22;   /* FONDO OSCURO (petróleo casi negro) y tinta de titulares sobre claro */
  --tinta-rgb:   13, 31, 34;
  --fondo:       #0D1F22;   /* fondo del cuerpo (= --tinta) */
  --fondo-suave: #152B2F;   /* tarjetas, paneles, secciones suaves */
  --fondo-suave-rgb: 21, 43, 47;
  --texto:       #F1F2F4;   /* texto principal — 15,2:1 sobre --fondo */
  --gris-claro:  #B4B9C0;   /* texto secundario — 8,6:1 sobre --fondo */
  --gris-claro-rgb: 180, 185, 192;

  /* — La marca — */
  --acento:      #FFCB2E;   /* EL color de marca (amarillo señal): botón principal con texto en --tinta (11,2:1) */
  --lima:        #FFD95C;   /* RESALTE: enlaces y hover — 12,4:1 sobre --fondo */
  --lima-rgb:    255, 217, 92;
  --naranja:     #FFD95E;   /* HOVER del acento: el botón al pasar el puntero */
  --naranja-rgb: 255, 217, 94;
  --violeta:     #7F9B98;   /* SECUNDARIO apagado: numeración, rótulos, tiers — 5,7:1 */
  --violeta-rgb: 127, 155, 152;
  --cian:        #D9C3A0;   /* ATMÓSFERA (arena): la constelación, líneas, nodos y rótulos mono — 9,9:1 */
  --cian-rgb:    217, 195, 160;
  --cian-glow:   rgba(217, 195, 160, 0.85);

  /* — Acentos de apoyo — */
  --brasa-rgb:   255, 203, 46;    /* CALOR: brillo de la tarjeta destacada y del menú «Aprende» */
  --aviso:       #E8A33D;         /* AVISO: el nodo «aduana» de /sistema — 7,9:1 */
  --aviso-rgb:   232, 163, 61;
  --aviso-claro: #F0BB66;         /* el aviso al pasar el puntero */
  --indice-rgb:  255, 203, 46;    /* borde de la tarjeta-índice del blog en la portada */
  --reticula-rgb: 127, 155, 152;  /* la rejilla de fondo (se usa al 14–16 %) */
  --panel:       #112629;         /* fichas emergentes (/sistema, /recorrido) */
  --panel-claro-rgb: 28, 52, 56;  /* nodos cerrados del árbol móvil de /recorrido */
  --panel-hondo-rgb: 16, 36, 39;  /* nodos de visión del árbol móvil de /recorrido */

  /* — Las fuentes (autoalojadas, SIL OFL 1.1 — licencias en fonts/) — */
  --fuente:         'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --fuente-display: 'Sora', 'Inter', system-ui, sans-serif;
}