@use "./styles/variables";
@use "./styles/buttons";
@use "./styles/inputs";
// @use "./styles/themes/light";
// @use "./styles/themes/dark";
@use "./styles/loaders";

/* You can add global styles to this file, and also import other style files */
::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}

html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden; /* Elimina scroll horizontal */
  overflow-y: scroll; /* Permite scroll vertical */
  scroll-behavior: smooth;
  box-sizing: border-box;
}

body {
  // Default the application to a light color theme. This can be changed to
  // `dark` to enable the dark color theme, or to `light dark` to defer to the
  // user's system settings.
  color-scheme: light dark;
  margin: 0;
  font-family: "Atkinson Hyperlegible Next", Arial, sans-serif;
}

.font-mono {
  font-family: "Atkinson Hyperlegible Mono", monospace;
}