/* noevi — brand/noevi.css · marca de noevi (2026-11-11, docs/marca/guia.md §6).
   Se carga después de tokens.css y es el único fichero con --brand-*. Mismos nombres que el
   actual; se añaden --brand-200 (lavanda) y --brand-ink. El índigo es el de la maqueta y el
   del símbolo C3; lo que cambia es que --brand-900 deja de ser la barra (la barra es clara). */
:root {
  --brand-50:  #EAEAF5;   /* fondo de fila seleccionada, badge de marca      */
  --brand-200: #B9B8F0;   /* lavanda: la n sobre el índigo, ilustración      */
  --brand-400: #4F4EA8;   /* hover de enlace                                 */
  --brand-500: #3B3A8C;   /* acento: relleno de la acción primaria (9,7:1)   */
  --brand-600: #2C2B6B;   /* presionado, texto sobre --brand-50              */
  --brand-900: #1D1C47;   /* fondos oscuros de marca: TV, correo, landing    */
  --brand-ink: #3B3A8C;   /* el acento como texto e icono                    */
}

/* En oscuro el relleno sube a #5856C8 (5,9:1 con blanco encima) y el texto a #A3A1F7 (7,1:1
   sobre la ventana). El índigo de claro, sobre fondo oscuro, no se lee. */
[data-tema="oscuro"] {
  --brand-50:  #2E2D5C;
  --brand-400: #8482E8;
  --brand-500: #5856C8;
  --brand-600: #6E6CD8;   /* en oscuro presionar ACLARA                     */
  --brand-ink: #A3A1F7;
}
@media (prefers-color-scheme: dark) {
  [data-tema="auto"] {
    --brand-50:  #2E2D5C;
    --brand-400: #8482E8;
    --brand-500: #5856C8;
    --brand-600: #6E6CD8;
    --brand-ink: #A3A1F7;
  }
}