/* cx-tokens.css — paleta del login y del Inicio (DX-206, port de la PoC "clásico").
   Solo la cargan Login.cshtml y la sección Head de Index.cshtml: el admin y el chat no la ven.
   No toca los tokens globales de app.css (--accent y compañía, que usa admin.css).
   Valores de marca: navy #0B4096 (D del isotipo), azul #2563EB (X del isotipo).
   Contraste medido contra --cx-fondo y --cx-sup (AA ≥ 4.5:1 en texto, ≥ 3:1 en bordes de control). */

:root {
  /* superficies */
  --cx-fondo:   #EEF2F8;   /* papel del Inicio y del área del chat */
  --cx-sup:     #FFFFFF;   /* tarjetas, sidebar, composer */
  --cx-sup2:    #F4F7FB;   /* encabezado de tabla, chip, hover sutil */
  --cx-linea:   #D8E1EE;   /* hairline */
  --cx-linea2:  #A9B8CE;   /* SOLO hover decorativo de tarjeta (no es borde de control: 2.0:1) */
  --cx-control: #7A8AA2;   /* borde de controles: buscador, composer, "Nuevo proyecto" (3.5 sup · 3.1 fondo) */
  /* tinta */
  --cx-tinta:   #0E1A2E;   /* texto principal */
  --cx-texto2:  #4E5D72;   /* secundario (6.7 sup · 6.0 fondo) */
  --cx-texto3:  #5B6A80;   /* metadato (5.5 sup · 4.9 fondo · 5.1 sup2) */
  /* marca y acento */
  --cx-marca:   #0B4096;
  --cx-marca-h: #082D6B;
  --cx-acento:  #2563EB;
  --cx-acento-t: rgba(37, 99, 235, .07);   /* tinte de selección / hover */
  --cx-burbuja: #0B4096;   /* burbuja del usuario */
  --cx-burbuja-txt: #FFFFFF;
  /* estados */
  --cx-ok:      #0E7A43;
  --cx-aviso:   #8A5300;
  --cx-aviso-bg:#FFF4DE;
  --cx-error:   #B42318;
  --cx-error-bg:#FDECEA;
  --cx-reciente:#0B4096;   /* "último chat" < 48 h */
  --cx-uso-medio:#F59E0B;  /* barra de Uso mensual en nivel medio (prod: bg-amber-500), mismo en ambos temas */
  /* isotipo (lo leen isotipo3d.js y el respaldo PNG) */
  --iso-d:      #0B4096;
  --iso-x:      #2563EB;
  --iso-borde:  #B42318;   /* luz de borde en error; el login la reasigna a ámbar en hint */

  /* velo de modales y sombra de elementos flotantes (popovers, menús; nunca tarjetas en reposo) */
  --cx-velo:    rgba(7, 13, 26, .45);
  --cx-sombra:  0 8px 24px rgba(14, 26, 46, .14);
  --cx-sobre-marca: #FFFFFF;

  /* tipografía: escala 1.2 */
  --cx-f-brand: 'Space Grotesk', 'DM Sans', sans-serif;
  --cx-f-sans:  'DM Sans', -apple-system, 'Segoe UI', sans-serif;
  --cx-f-mono:  'IBM Plex Mono', ui-monospace, monospace;
  --cx-t-11: 11px; --cx-t-12: 12.5px; --cx-t-13: 13.5px; --cx-t-15: 15.5px; --cx-t-19: 19px; --cx-t-28: 28px;

  /* radios con jerarquía */
  --cx-r-tarjeta: 12px; --cx-r-input: 10px; --cx-r-tile: 8px; --cx-r-chip: 6px;
  --cx-r-burbuja: 16px;

  /* capas (las mismas de la Torre) */
  --cx-z-panel: 70; --cx-z-pop: 90; --cx-z-modal: 100; --cx-z-menu: 110; --cx-z-toast: 120;

  /* relevo login → Inicio: el isotipo del login aterriza donde nace el héroe (fuente única) */
  --cx-head-h: 64px;   /* alto del header del Inicio */
  --cx-heroe-w: 104px; /* ancho del isotipo del héroe */
  --cx-heroe-y: 129px; /* centro del héroe medido desde el borde superior del viewport */
}

.dark {
  --cx-fondo:   #070D1A;
  --cx-sup:     #0D182D;
  --cx-sup2:    #12203A;
  --cx-linea:   #1E2E4A;
  --cx-linea2:  #3A5078;
  --cx-control: #566E99;   /* 3.5 sup · 3.8 fondo · 3.2 sup2 */
  --cx-tinta:   #EEF2F8;
  --cx-texto2:  #A3B0C4;
  --cx-texto3:  #8191A8;
  --cx-marca:   #2563EB;   /* en oscuro SOLO como relleno (blanco encima 5.2:1); texto en color = --cx-acento */
  --cx-marca-h: #1D4FD0;
  --cx-acento:  #60A5FA;
  --cx-acento-t: rgba(96, 165, 250, .09);
  --cx-burbuja: #2563EB;
  --cx-ok:      #4ADE80;
  --cx-aviso:   #FBF072;
  --cx-aviso-bg:rgba(251, 240, 114, .08);
  --cx-error:   #FF9C9C;
  --cx-error-bg:rgba(255, 127, 127, .1);
  --cx-reciente:#60A5FA;
  --iso-d:      #EAF0F9;   /* en oscuro el real invierte el isotipo ENTERO a blanco (dxone-logo.css .adaptable): */
  --iso-x:      #EAF0F9;   /* 3D, respaldo PNG y real coinciden */
  --iso-borde:  #FF9C9C;
  --cx-velo:    rgba(0, 0, 0, .6);
  --cx-sombra:  0 8px 24px rgba(0, 0, 0, .45);
}
/* color-scheme solo en lo que pinta esta paleta: el chat conserva sus scrollbars y controles */
.dark .dxh, .dark .lg-raiz { color-scheme: dark; }

/* utilidades compartidas mínimas */
.cx-num { font-variant-numeric: tabular-nums; }
.cx-mono { font-family: var(--cx-f-mono); }
.cx-oculto { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (prefers-reduced-motion: reduce) { .cx-anima { animation: none !important; transition: none !important; } }