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

:root {
  /* ---- Marca ---- */
  --ao-ink:    #050450;  /* azul marino · chrome (appbar/drawer) · texto fuerte */
  --ao-blue:   #238acc;  /* azul primario · interacción · links · nav activo */
  --ao-orange: #cb4b16;  /* acento · CTA */
  --ao-gold:   #fad253;  /* acento secundario */

  /* ---- Neutros (rampa fría) ---- */
  --ao-white:  #ffffff;  /* superficies elevadas / cards */
  --ao-base:   #f6f8fb;  /* fondo de página */
  --ao-border: #dbe1e8;  /* divisores · bordes de input */
  --ao-cloud:  #c3ccd2;  /* rellenos sutiles */
  --ao-mist:   #9eafb9;  /* texto terciario · muted sobre oscuro · íconos */
  --ao-muted:  #677a85;  /* texto secundario sobre claro */
  --ao-slate:  #33505e;  /* capas sobre oscuro */

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

  /* ---- Estados ---- */
  --ao-success: #1e9e6a;
  --ao-info:    #238acc;
  --ao-warning: #e0a030;
  --ao-danger:  #e5484d;

  /* ---- 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(5,4,80,.06), 0 1px 3px rgba(5,4,80,.05);
  --ao-shadow-md: 0 4px 12px rgba(5,4,80,.08), 0 2px 4px rgba(5,4,80,.05);
  --ao-shadow-lg: 0 12px 32px rgba(5,4,80,.12), 0 4px 8px rgba(5,4,80,.06);
}