/* ==========================================================
   GiRF-ODT · Variables globales
   Único sitio donde se definen colores, tipografía y medidas.
   Se carga antes que cualquier otro CSS (partials/estilos-base.ejs).
   ========================================================== */
:root {
  /* Marca */
  --color-primary:        #006338;  /* verde ADIF (Pantone 349 C): color principal y cabecera */
  --color-primary-dark:   #004a2a;
  --color-primary-light:  #e6f0eb;
  --color-accent:         #f0a500;
  --color-corporate:      var(--color-primary);  /* alias que aún usa login.css */
  --color-navy:           #00292e;  /* negro azulado ADIF (Pantone 5463 C): texto y contraste */
  --color-success:        #4caf50;
  --color-danger:         #c0392b;  /* avisos en rojo (p. ej. inspección sin coordenadas) */
  --color-link:           #009bdb;

  /* Capas IDEADIF (Anexo 2 de las directrices oct-2026); los lee js/inspections/ideadif-layers.map.js */
  --color-ideadif-dependencias:    #0f00ff;
  --color-ideadif-hitos:           #000000;
  --color-ideadif-tramos:          #000000;
  --color-ideadif-tramos-fuera:    #ff0000;
  --color-ideadif-halo:            #ffffff;

  /* Neutros */
  --color-white:          #ffffff;
  --color-text:           var(--color-navy);    /* texto sobre fondo blanco */
  --color-text-muted:     #999999;
  --color-text-secondary: #66706e;  /* texto secundario sobre blanco (subtítulo del login), más legible que muted */
  --color-border:         #d0d0d0;
  --color-border-input:   #cccccc;
  --color-bg-page:        #e5e5e5;
  --color-bg-soft:        #e6eaec;
  --color-login-bg:       #a2b1ad;  /* fondo del login (tarjetadiseno.pdf) */

  /* Tablas: filas alternas, fila/columna bajo el ratón y separadores */
  --color-row-alt:        #f4f7f5;
  --color-row-hover:      #dcebe2;
  --color-grid:           #e2e6e8;

  /* Nivel de deterioro general (conductos y embocaduras): de leve a fallo inminente; gris = sin dato */
  --color-condition-slight:   #1f8f3a;
  --color-condition-moderate: #f2c12e;
  --color-condition-marked:   #e8762b;
  --color-condition-failure:  #c62828;
  --color-condition-none:     #b8c1c4;

  /* Actividad (pestaña Evolución): de pocas a muchas inspecciones, en el verde ADIF */
  --color-heat-1:         #d6eadf;
  --color-heat-2:         #a8d0b9;
  --color-heat-3:         #6fae8c;
  --color-heat-4:         #2f8358;
  --color-heat-5:         var(--color-primary);

  /* Estados */
  --color-danger:         #c62828;
  --color-danger-light:   #fdecea;

  /* Gráficos: niveles de comparación del control de calidad */
  --color-chart-1:        var(--color-primary);   /* inspector en la línea */
  --color-chart-2:        #6fae8c;                 /* inspector en total */
  --color-chart-3:        var(--color-accent);    /* todos en la línea */
  --color-chart-4:        #8b989c;                 /* todos los inspectores */

  /* Tipos de inspección: los colores de la leyenda del mapa (R5, R2, R1, NI), suavizados para tablas */
  --color-type-complete:      #1f8f3a;
  --color-type-partial:       #f29d12;
  --color-type-not-inspected: #d93a2b;
  --color-type-not-located:   var(--color-navy);

  /* Análisis de riesgo: clases del Anexo 0 de las directrices oct-2026 (@colorriesgo,
     @colorprobabilidad y @colorconsecuencias; consecuencias e índice de estado usan los de probabilidad) */
  --color-risk-r4:        #ff0000;
  --color-risk-r3:        #ffc100;
  --color-risk-r2:        #00b0f0;
  --color-risk-r1:        #00b050;
  --color-class-4:        #ff8585;  /* P4, C4, N4 */
  --color-class-3:        #ffdf79;  /* P3, C3, N3 */
  --color-class-2:        #85dfff;  /* P2, C2, N2 */
  --color-class-1:        #64ff9c;  /* P1, C1, N1 */
  --color-class-none:     #646464;  /* R0, P0, N0: sin evaluar */
  /* Matriz de capacidad (Anexo 0, @colorcapacidad): de periodos de retorno cortos a largos */
  --color-capacity-1:     #0000ff;  /* T < 10 años */
  --color-capacity-2:     #0099ff;  /* T 10 - 100 años */
  --color-capacity-3:     #33ccff;  /* T 100 - 1.000 años */
  --color-capacity-4:     #ccffff;  /* T > 1.000 años */
  /* Patologías (Diagnóstico › Patologías, p. 24): un color fijo por patología */
  --color-pathology-obstruction: var(--color-navy);     /* #00292e */
  --color-pathology-conduit:     var(--color-primary);  /* #006338 */
  --color-pathology-headwall:    #c4d600;
  --color-pathology-erosion:     #c7eee9;
  --color-pathology-capacity:    #007861;
  --color-pathology-rest:        #d9d9d9;
  /* Consecuencias (Diagnóstico › Consecuencias, p. 25): repercusión directa / indirecta sobre ADIF */
  --color-consequence-direct:    var(--color-primary);             /* #006338 */
  --color-consequence-indirect:  var(--color-pathology-headwall);  /* #c4d600 */
  /* Árbol de capas › Elementos (p. 9): contorno y relleno semitransparente */
  --color-element-basin:        #8e6235;                    /* Cuencas vertientes */
  --color-element-basin-fill:   rgba(142, 98, 53, 0.2);
  --color-element-storage:      #eab676;                    /* Superficies máximas de almacenamiento */
  --color-element-storage-fill: rgba(234, 182, 118, 0.45);
  /* Cumple / no cumple un criterio (Capacidad, Anexo 5; Medidas: VAN, B/C, PRI) */
  --color-criterion-met:    var(--color-class-1);  /* #64ff9c */
  --color-criterion-failed: var(--color-class-4);  /* #ff8585 */
  /* Control de ejecución: un color por fase de inspección (documento "Herramienta control ejecución") */
  --color-phase-pilot:    #c7eee9;   /* Proyecto piloto */
  --color-phase-1:        #007861;   /* 1ª Campaña */
  --color-phase-2:        #00292e;   /* 2ª Campaña */
  --color-progress-track: #eef1f2;   /* parte de la barra aún sin avance */

  /* Texto y bordes sobre fondo oscuro */
  --color-on-dark:        #ffffff;
  --color-on-dark-muted:  rgba(255, 255, 255, 0.7);
  --color-on-dark-subtle: rgba(255, 255, 255, 0.3);
  --color-on-dark-border: rgba(255, 255, 255, 0.2);

  /* Fondo oscurecido detrás de las ventanas informativas (negro azulado ADIF) */
  --color-backdrop:       rgba(0, 41, 46, 0.45);

  /* Tipografía */
  --font-base:            'Lato', sans-serif;

  /* Medidas */
  --navbar-h:             56px;
  --header-h:             77px;
  --subheader-h:          39px;
  --page-gutter:          8.3%;
  --radius-sm:            6px;
  --radius-md:            10px;
  --radius-lg:            16px;     /* esquinas de la tarjeta del login */
  --login-watermark-opacity: 0.25;  /* intensidad de la silueta de fondo del login */

  /* Sombras */
  --shadow-sm:            0 2px 8px rgba(0, 0, 0, 0.15);
  --shadow-md:            0 4px 20px rgba(0, 0, 0, 0.25);
}