/* ============================================================
   AA.COM WEB — COLOR TOKENS
   Extraídos de las páginas reales del sitio (Home, ADOC,
   ServiciosMarcas, Pulse, Push, SPI): navy profundo + amarillo
   ácido, sobre fondos casi-negro y tarjetas navy-medio.
   ============================================================ */
:root {
  /* ---- Base / raw ---- */
  --aa-navy-deep:     #06111E;  /* fondo de página, casi negro */
  --aa-navy:          #151f2e;  /* navy base — headers, footer, bandas */
  --aa-navy-card:     #233044;  /* navy medio — cards, formularios */
  --aa-navy-press:    #0A1428;  /* navy prensado — estados active */
  --aa-lime:          #d6fe51;  /* amarillo-verde ácido — acento único de marca */
  --aa-lime-dark:     #9BC000;  /* lime oscuro — hover/press del acento */
  --aa-paper:         #F6F4EE;  /* blanco hueso — texto sobre navy, cards claras */
  --aa-paper-dim:     #ECEAE2;  /* blanco hueso atenuado */
  --aa-text-dim:      #A7B0BF;  /* gris azulado — cuerpo de texto sobre navy */
  --aa-text-dim-2:    #AEB6C4;  /* variante de cuerpo */
  --aa-text-faint:    #8A93A6;  /* gris tenue — metadatos, footer */

  /* ---- Semantic: superficies ---- */
  --surface-page:    var(--aa-navy-deep);
  --surface-band:    var(--aa-navy);
  --surface-card:    var(--aa-navy-card);
  --surface-accent:  var(--aa-lime);

  /* ---- Semantic: texto ---- */
  --text-strong:   var(--aa-paper);       /* titulares sobre navy */
  --text-body:     var(--aa-text-dim);    /* cuerpo sobre navy */
  --text-faint:    var(--aa-text-faint);  /* metadatos / footer */
  --text-accent:   var(--aa-lime);        /* labels, kickers, links de acento */
  --text-on-accent: var(--aa-navy);       /* texto sobre fondo lime (botones primarios) */

  /* ---- Semantic: bordes ---- */
  --border-hairline: rgba(214,254,81,.14);  /* separadores sutiles sobre navy */
  --border-accent:    var(--aa-lime);

  /* ---- Focus ---- */
  --focus-ring: var(--aa-lime);
}