/* =========================================================================
   MARCA — LYDENT
   Se carga inmediatamente DESPUÉS de tokens.css y es el ÚNICO fichero del
   producto que declara --brand-*. Ningún CSS de app puede redeclararlas.

   Índigo profundo. Decidido 2026-08-02 junto con la decisión de fondo que lo
   hace posible: Lydent es UNA app de cara al usuario, así que hay un solo
   acento para todas sus sub-apps y lo que las distingue es su ARQUETIPO (su
   forma), nunca su color. Ver DESIGN.md §3 y §5.

   Por qué índigo y no otra cosa: al pasar el acento a estar presente en toda
   pantalla —y no solo en el login, como estaba planteado al principio— deja de
   poder parecerse a ningún semántico. Un botón primario junto a un badge
   «Agotado» rojo, o junto a uno «Bajo mínimo» ámbar, es un error de lectura y
   no de gusto. Eso descartó el vino y el tabaco, que sí funcionaban mientras la
   marca vivía únicamente en el acceso.

   Contraste verificado: 9,6:1 sobre blanco. Admite texto blanco encima.
   ========================================================================= */

:root {
  --brand-50:  #EAEAF5;   /* fondo de fila seleccionada, badge de marca   */
  --brand-400: #4F4EA8;   /* hover de enlace                              */
  --brand-500: #3B3A8C;   /* acento: acción primaria, logotipo, regla     */
  --brand-600: #2C2B6B;   /* presionado, texto sobre --brand-50           */
  --brand-900: #1D1C47;   /* barra de navegación (chrome de plataforma)   */
}