/* aitech.ar — tokens de marca
 *
 * Fuente de verdad de los colores. Se cargan como variables CSS y Tailwind
 * los consume por nombre (ver la config inline en el layout). Si manana
 * cambia un color de marca, se cambia ACA y no en 40 vistas.
 */
:root {
  /* Tinta: fondos oscuros, texto principal. Son neutros FRIOS a proposito:
     un gris puro al lado del petroleo se ve sucio. */
  --ai-ink-950: #06161F;
  --ai-ink-900: #0A2130;
  --ai-ink-800: #11303F;
  --ai-ink-700: #1B4255;

  --ai-slate-500: #5B7A8A;  /* texto secundario */
  --ai-slate-300: #A9BFC9;  /* bordes sobre oscuro, texto terciario */
  --ai-slate-100: #E6EEF2;  /* bordes y separadores sobre claro */
  --ai-slate-50:  #F4F8FA;  /* fondo de pagina */

  /* Borde de campos y botones. Mide 3.24:1 sobre blanco, que es lo minimo
     que pide WCAG para el contorno de un control. Con el gris mas claro de
     los paneles (#E6EEF2) daba 1.9:1 y el campo se perdia en el fondo. */
  --ai-border-field: #7693A3;

  /* Petroleo: color de accion. 5.83:1 sobre blanco -> texto blanco encima
     cumple WCAG AA sin tener que agrandar la tipografia. */
  --ai-primary-700: #0A5774;
  --ai-primary-600: #0D6D8F;
  --ai-primary-500: #1286AD;
  --ai-primary-400: #34A3C7;  /* unico tono legible sobre fondo oscuro */
  --ai-primary-100: #D6EBF3;

  /* Cian de senal: identidad y actividad del agente.
     NO se usa en botones ni en estados: ver la nota de abajo. */
  --ai-accent-400: #14C8D4;
  --ai-accent-300: #4FDDE6;

  /* Estado. En redes el verde/ambar/rojo YA significa severidad de syslog:
     por eso el color de marca es cian y no ambar. Si la marca fuera ambar,
     cada boton de la plataforma pareceria una advertencia. */
  /* Los valores salen de medir contraste, no de elegir un rojo lindo:
     critical como texto da 5.10:1 sobre blanco (WCAG pide 4.5:1) y warning
     como riel de estado da 3.40:1 (pide 3:1 para elementos graficos). Los
     tonos anteriores (#D64545 y #E08A17) daban 4.38:1 y 2.69:1. */
  --ai-critical: #C73B3B;
  --ai-warning:  #C9780D;
  --ai-healthy:  #139E73;
  --ai-info:     #0D6D8F;

  /* Tipografia. IBM Plex Mono no es decorativa: esta plataforma muestra
     IPs, MACs, hostnames y lineas de syslog, y eso exige ancho fijo y cero
     con barra para no confundir 0 con O en una direccion. */
  --ai-font-sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --ai-font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;

  --ai-radius: 8px;
  --ai-radius-sm: 6px;
}