/* ══════════════════════════════════════════════════════════════════════════
   Tema ANDREA — navys y azul 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 propuesta (Isaac, 23-sep-2026):
     #111936 (navy oscuro) · #182848 (navy medio) · #2389CB (azul de acción)
     #EF3028 (rojo Andrea) · #FFFFFF
   El AZUL es el color de acción (botones/acentos, como en la maqueta del
   login); el ROJO de la marca vive en los logotipos y NO se usa en tokens
   semánticos para no confundirse con los estados de error del sistema.
   Las escalas 50-950 se derivaron del azul 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:        #2389cb;
  --clr-primary-dark:   #1b6fa6;
  --clr-primary-light:  #e3f1fa;
  --clr-bg:             #f6f9fb;
  --clr-muted:          #f0f5f9;
  --clr-accent:         #dcedf8;
  --clr-border:         #dee4e9;
  --clr-input-border:   #d9e1e8;
  --clr-sidebar:        #111936;   /* navy oscuro de la marca */
  --clr-sidebar-active: #1e2f55;
  --clr-sidebar-border: #24365e;
  --clr-table-head:     #182848;   /* navy medio */
  --clr-status-closed:  #2389cb;

  /* — escala índigo → azul de acción (#2389CB como 500) — */
  --marca-50:  #ebf5fb;
  --marca-100: #d9edf9;
  --marca-200: #b5ddf3;
  --marca-300: #83c5ea;
  --marca-400: #45a4da;
  --marca-500: #2389cb;
  --marca-600: #1e78b4;
  --marca-700: #19669a;
  --marca-800: #17527b;
  --marca-900: #16395e;
  --marca-950: #111936;
  --marca-profundo:   #111936;
  --marca-profundo-2: #0c1229;
  --marca-tinte: #f5fafd;

  /* — escala violeta → azul claro — */
  --acento-50:  #eef7fc;
  --acento-100: #def0fa;
  --acento-200: #c4e5f6;
  --acento-300: #99d2ef;
  --acento-400: #64b8e5;
  --acento-500: #3fa0dc;
  --acento-600: #2a8cc9;
  --acento-700: #1f74ab;
  --acento-800: #1b5c86;
  --acento-900: #184766;

  /* tripletas RGB de los rgba(..., alfa) */
  --marca-500-rgb: 35, 137, 203;
  --marca-600-rgb: 30, 120, 180;
  --marca-profundo-rgb: 17, 25, 54;

  /* rojo de la marca, disponible por si una vista lo pide explícitamente */
  --andrea-rojo: #ef3028;
}

/* — Login / recuperar (tema "Nocturne" de auth-v2.css) en navy Andrea,
     como la maqueta: tarjeta navy y botón azul #2389CB — */
body.vv2-body { background: #0d1430; }
.vv2 {
  --vv2-bg: #0d1430;
  --vv2-text: #edf2fa;
  --vv2-accent: #4face0;
  --vv2-accent-100: #e8f4fc;
  --vv2-accent-200: #c6e5f7;
  --vv2-accent-300: #9bd2f0;
  --vv2-accent-600: #2389cb;
  --vv2-accent-700: #1b6fa6;
  --vv2-accent-800: #182848;
  --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: #2389cb;
  --vv2-grad-b: #4face0;
  --vv2-grad-lang: #3fa0dc;
  --vv2-brillo-rgb: 35, 137, 203;
  --vv2-brillo2-rgb: 79, 172, 224;
  --vv2-halo: rgba(79, 172, 224, 0.3);
  --vv2-nebulosa-1: rgba(24, 40, 72, 0.6);
  --vv2-nebulosa-2: rgba(17, 25, 54, 0.65);
  --vv2-planeta-lg: rgba(24, 40, 72, 0.85);
  --vv2-planeta-sm: rgba(16, 30, 60, 0.85);
  --vv2-carta-a: rgba(24, 40, 72, 0.45);
  --vv2-carta-b: rgba(13, 20, 48, 0.6);
  --vv2-input-bg: rgba(8, 14, 36, 0.45);
  --vv2-input-border: rgba(140, 195, 245, 0.2);
  --vv2-lang-bg: rgba(14, 26, 54, 0.55);
  --vv2-aviso-bg: rgba(20, 44, 78, 0.55);
  --vv2-aviso-border: rgba(79, 172, 224, 0.4);
}