/* ══════════════════════════════════════════════════════════════════════════
   Tema AVALANZ — azules corporativos sobre el design system Venvers.
   Se carga por dominio (appsettings "TemasPorHost" → _TemaCss) DESPUÉS de
   venvers-licitaciones.css / auth-v2.css y SOLO redefine tokens: ninguna
   regla de layout vive aquí. Quitar el mapeo del host regresa al look Venvers.

   Paleta entregada por Isaac (19-sep-2026):
     #1C1366 oscuro · #0874BD medio · #1F95D2 claro
     grises de apoyo: #BDBEC0 · #929699 · #6D6E72
   Las escalas 50-950 se derivaron de esos tres azules conservando el papel
   que cada peldaño índigo/violeta tenía en el diseño original.
   ══════════════════════════════════════════════════════════════════════ */

:root {
  /* — tokens base del design system (antes oklch tono 283) — */
  --clr-primary:        #0874bd;
  --clr-primary-dark:   #065d99;
  --clr-primary-light:  #e2f1fa;
  --clr-bg:             #f6f9fb;
  --clr-muted:          #f0f5f9;
  --clr-accent:         #dcedf8;
  --clr-border:         #dee4e9;
  --clr-input-border:   #d9e1e8;
  --clr-text-muted:     #6d6e72;   /* gris oscuro Avalanz */
  --clr-sidebar:        #1c1366;   /* el azul más oscuro de la marca */
  --clr-sidebar-active: #2b2185;
  --clr-sidebar-border: #322a8c;
  --clr-table-head:     #1d2a6e;
  --clr-status-closed:  #0874bd;

  /* — escala índigo → azul medio (#0874BD como 500) — */
  --marca-50:  #eaf5fb;
  --marca-100: #d8ecf8;
  --marca-200: #b3dcf2;
  --marca-300: #7fc4e8;
  --marca-400: #3f9fd6;
  --marca-500: #0874bd;
  --marca-600: #0768a9;
  --marca-700: #065b94;
  --marca-800: #094a77;
  --marca-900: #0d3a5e;
  --marca-950: #1c1366;
  --marca-profundo:   #1c1366;
  --marca-profundo-2: #150e4f;
  --marca-tinte: #f5fafd;

  /* — escala violeta → azul claro (#1F95D2 como 500) — */
  --acento-50:  #eef7fc;
  --acento-100: #def0fa;
  --acento-200: #c3e4f5;
  --acento-300: #97d0ee;
  --acento-400: #5cb5e2;
  --acento-500: #1f95d2;
  --acento-600: #1583bd;
  --acento-700: #0e6da0;
  --acento-800: #0d567e;
  --acento-900: #0d4262;

  /* tripletas RGB de los rgba(..., alfa) */
  --marca-500-rgb: 8, 116, 189;
  --marca-600-rgb: 7, 104, 169;
  --marca-profundo-rgb: 28, 19, 102;

  /* grises de apoyo de la marca, por si una vista los necesita */
  --gris-claro:  #bdbec0;
  --gris-medio:  #929699;
  --gris-oscuro: #6d6e72;
}

/* — Login / recuperar (tema "Nocturne" de auth-v2.css) en azules — */
body.vv2-body { background: #0e1136; }
.vv2 {
  --vv2-bg: #0e1136;
  --vv2-text: #edf2fa;
  --vv2-accent: #45ace5;
  --vv2-accent-100: #e8f4fc;
  --vv2-accent-200: #c6e5f7;
  --vv2-accent-300: #9bd2f0;
  --vv2-accent-600: #1583bd;
  --vv2-accent-700: #135f8c;
  --vv2-accent-800: #13375f;
  --vv2-divider: rgba(170, 210, 245, 0.16);
  --vv2-border: rgba(150, 200, 245, 0.18);
  --vv2-link: #8ec9f0;
  --vv2-link-hover: #b6ddf6;
  --vv2-grad-a: #0874bd;
  --vv2-grad-b: #2fa3dc;
  --vv2-grad-lang: #1f95d2;
  --vv2-brillo-rgb: 30, 130, 200;
  --vv2-brillo2-rgb: 60, 160, 220;
  --vv2-halo: rgba(69, 172, 229, 0.3);
  --vv2-nebulosa-1: rgba(11, 74, 128, 0.55);
  --vv2-nebulosa-2: rgba(20, 40, 100, 0.6);
  --vv2-planeta-lg: rgba(10, 82, 138, 0.8);
  --vv2-planeta-sm: rgba(16, 45, 96, 0.85);
  --vv2-carta-a: rgba(18, 66, 116, 0.38);
  --vv2-carta-b: rgba(9, 24, 58, 0.55);
  --vv2-input-bg: rgba(5, 16, 42, 0.45);
  --vv2-input-border: rgba(140, 195, 245, 0.2);
  --vv2-lang-bg: rgba(10, 32, 66, 0.55);
  --vv2-aviso-bg: rgba(13, 56, 96, 0.55);
  --vv2-aviso-border: rgba(69, 172, 229, 0.4);
}
