/*
 * Tema de aplicación de NeoERP POS.
 *
 * Existe sobre todo por "utility" en theme.json: sin un tema declarado, Vaadin
 * carga la base de Lumo pero no utility.css, y entonces todas las clases que
 * produce LumoUtility (Display.FLEX, FontSize.SMALL, TextColor.SECONDARY, …)
 * se escriben en el HTML sin corresponder a ninguna regla CSS. El código las
 * usa por todo el app, así que sin esta hoja no hacían nada.
 *
 * El modo oscuro lo resuelve Lumo con el atributo theme="dark" en <html>; aquí
 * solo van los ajustes que Lumo no cubre.
 */

/*
 * Alinea el chrome nativo del navegador —barras de desplazamiento, controles de
 * formulario, autocompletado— con el tema elegido. Sin esto, en modo oscuro las
 * barras siguen saliendo claras y el contraste queda roto.
 */
html {
  color-scheme: light;
}

html[theme~="dark"] {
  color-scheme: dark;
}
