/* Única fuente de color, tipografía y espaciado (docs/DISENO.md).
   Si un hex de marca aparece fuera de este archivo, es un bug.

   La consola es OSCURA (decisión 2026-09-02, feedback de Pablo: la app
   anterior era navy sobre tinta y el blanco leía a hospital). Los neutros
   son tinta azulada; el único color saturado sigue siendo el de los estados,
   que sobre oscuro destaca aún más. */

:root {
  /* ---- Marca — primario confirmado desde pocuro.svg ---- */
  --brand-primary:        #005CB9;  /* azul Pocuro, del vector; fondo del login y botones */
  --brand-primary-hover:  #1272D9;  /* sobre oscuro el hover aclara, no oscurece */
  --brand-bright:         #58A9FF;  /* enlaces y acentos sobre fondo oscuro (6.5:1) */
  --brand-lift:           #0B67C9;  /* extremo claro del degradado del login */
  --brand-deep:           #00366F;  /* extremo oscuro del degradado del login */

  /* ---- Panel claro (solo el login vive sobre blanco) ---- */
  --panel-light-bg:     #FFFFFF;
  --panel-light-text:   #1B1F23;
  --panel-light-muted:  #5C6670;
  --panel-light-border: #C8CDD1;
  --panel-light-danger: #B42318;

  /* ---- Neutros: tinta azulada, la interfaz vive acá ---- */
  --bg:            #0F141E;   /* suelo de la consola y del mapa */
  --bg-sunken:     #0B0F16;   /* header, buscador, cabeceras de tabla */
  --bg-raised:     #171E2B;   /* paneles, filas activas, cards */
  --border:        #232B3A;
  --border-strong: #3A4759;
  --text:          #E8ECF2;
  --text-muted:    #A5AFBE;
  --text-faint:    #7C8798;

  /* ---- Semánticos del sistema, NO de los estados de negocio ---- */
  --danger:  #F97066;   /* sin señal, error de conexión */
  --warn:    #FDB022;
  --ok:      #32D583;

  /* ---- Tipografía ---- */
  --font: 'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-dense: 'Archivo Narrow', var(--font);

  --text-xs:   0.75rem;   /* 12 — metadatos, timestamps */
  --text-sm:   0.8125rem; /* 13 — tablas densas */
  --text-base: 0.9375rem; /* 15 — cuerpo */
  --text-lg:   1.125rem;  /* 18 — título de panel */
  --text-xl:   1.5rem;    /* 24 — cifra de resumen */

  --leading-tight: 1.25;
  --leading-body:  1.55;

  /* ---- Espaciado: escala de 4 ---- */
  --s1: 4px;  --s2: 8px;   --s3: 12px;  --s4: 16px;
  --s5: 24px; --s6: 32px;  --s7: 48px;

  /* ---- Radios: tres, con jerarquía ---- */
  --r-sm: 3px;   /* inputs, botones */
  --r-md: 6px;   /* paneles */
  --r-pill: 999px;

  /* ---- Elevación: una sola sombra (más presente sobre oscuro) ---- */
  --shadow: 0 1px 2px rgba(0,0,0,.35), 0 8px 24px rgba(0,0,0,.45);
}