/* =============================================================================
   UI_Controles — hoja de entrada
   -----------------------------------------------------------------------------
   La aplicación enlaza UN SOLO archivo:

       <link rel="stylesheet" href="_content/UI_Controles/css/ui-controles.css" />

   Todo lo demás se resuelve acá adentro. Si mañana se agrega un control, se
   suma su @import en este archivo y ninguna app consumidora se entera.

   ORDEN, que importa:
     1. tokens      define las variables y sus valores por defecto (claro)
     2. typography  @font-face y roles tipográficos
     3. reset       normalizaciones mínimas
     4. themes      reasignan las variables según data-st-theme
     5. controls    consumen variables; nunca colores ni familias literales

   NOTA DE RENDIMIENTO: @import serializa las descargas (el navegador no
   descubre el archivo 4 hasta que bajó el 3). Con estos tamaños es imperceptible
   y la ventaja de tener un archivo por control durante el desarrollo compensa.
   Cuando la librería crezca, conviene concatenar estos archivos en uno solo
   durante el build y dejar este mismo nombre como salida, para no tocar App.razor.
   ============================================================================= */

@import "base/tokens.css";
@import "base/typography.css";
@import "base/reset.css";

@import "themes/light.css";
@import "themes/dark.css";

@import "controls/st-icon.css";
@import "controls/st-label.css";
@import "controls/st-button.css";
@import "controls/st-textbox.css";
@import "controls/st-numeric-up-down.css";
@import "controls/st-combobox.css";
@import "controls/st-check.css";
@import "controls/st-opciones.css";
@import "controls/st-datetime.css";
@import "controls/st-textbox-button.css";
@import "controls/st-grid.css";
@import "controls/st-focus-scope.css";
@import "controls/st-theme-toggle.css";
@import "controls/st-dialogo.css";
@import "controls/st-toast.css";
@import "controls/st-menu-contextual.css";