/* ============================================================
   AOLAB · DESIGN TOKENS
   Variables CSS de marca (inspiradas en el sistema de Stint,
   con la paleta de Aolab deducida de aolab.cl).
   ============================================================ */

:root {
  /* ---- Marca (inspirada en bactiquant.com: navy #000E3F + azul eléctrico #2D58FF) ---- */
  --ao-ink:       #000e3f;  /* navy profundo · chrome (appbar/drawer) · texto fuerte */
  --ao-ink-soft:  #0a1e63;  /* navy un paso más claro · gradientes/hover del chrome */
  --ao-blue:      #2d58ff;  /* azul eléctrico primario · interacción · nav activo (AA blanco 5.3:1) */
  --ao-blue-dark: #1b45e0;  /* hover del primario (misma rampa) */
  --ao-blue-lite: #6e8cff;  /* tints / anillos de foco (sin texto blanco encima) */
  --ao-blue-rgb:  45,88,255; /* para rgba() de hovers/tints */
  --ao-orange:    #c2410c;  /* acento · CTA secundario (uso mínimo) */
  --ao-gold:      #c8961e;  /* acento secundario · uso mínimo (texto ink) */
  --ao-gold-lite: #fad253;  /* solo tints/chips, sin texto encima */

  /* ---- Neutros (rampa fría, claros como bactiquant) ---- */
  --ao-white:  #ffffff;  /* superficies elevadas / cards */
  --ao-base:   #f4f6fb;  /* fondo de página */
  --ao-border: #dde2ec;  /* bordes de input · líneas */
  --ao-divider:#ecf0f6;  /* divisores sutiles */
  --ao-cloud:  #cfd6e2;  /* rellenos sutiles */
  --ao-mist:   #9aa8c4;  /* texto terciario · muted sobre oscuro · íconos */
  --ao-muted:  #556173;  /* texto secundario sobre claro (AA) */
  --ao-slate:  #2a3b6b;  /* capas sobre oscuro */

  /* ---- Texto ---- */
  --ao-text:         var(--ao-ink);
  --ao-text-muted:   var(--ao-muted);
  --ao-text-on-dark: #ffffff;

  /* ---- Estados ---- */
  --ao-success: #0f7a52;
  --ao-info:    #2d58ff;
  --ao-warning: #e0a030;
  --ao-danger:  #d13438;

  /* ---- Tipografía ---- */
  --ao-font-display: "Archivo", system-ui, sans-serif;         /* títulos */
  --ao-font-text:    "Hanken Grotesk", system-ui, sans-serif;  /* cuerpo / UI */
  --ao-font-mono:    "JetBrains Mono", ui-monospace, monospace;/* etiquetas · datos · IDs */

  /* ---- Radios ---- */
  --ao-radius-sm:   6px;
  --ao-radius-md:   10px;
  --ao-radius-lg:   16px;
  --ao-radius-pill: 999px;

  /* ---- Elevación ---- */
  --ao-shadow-sm: 0 1px 2px rgba(0,14,63,.06), 0 1px 3px rgba(0,14,63,.05);
  --ao-shadow-md: 0 4px 12px rgba(0,14,63,.08), 0 2px 4px rgba(0,14,63,.05);
  --ao-shadow-lg: 0 12px 32px rgba(0,14,63,.12), 0 4px 8px rgba(0,14,63,.06);
}