@use "../configuraciones/variables";
@use "../herramientas/mixins";

body {
  margin: 0;
  overflow-x: hidden;
  background: variables.$color-background;
  color: variables.$color-texto;
  font-family: variables.$font-family;
}

body::-webkit-scrollbar {
  width: 10px;
}

body::-webkit-scrollbar-thumb {
  background-color: rgb(255, 255, 255, 0.5);
}

.body--error {
  @include mixins.centradoVertical();
}

.body--overflow-hidden {
  overflow: hidden;
}

.main--error {
  max-width: 550px;
  margin: 0 auto;
  padding: 1rem; 
  text-align: left;
}

.main--shadow-rojo {
  box-shadow: 0 0 3vmax rgba(255, 0, 0, 40%) inset;
}

.main--shadow-naranja {
  box-shadow: 0 0 3vmax rgba(255, 166, 0, 30%) inset;
}

.main--shadow-amarillo {
  box-shadow: 0 0 2vmax rgba(255, 255, 0, 35%) inset;
}

.main--shadow-verde {
  box-shadow: 0 0 2vmax rgba(0, 255, 0, 40%) inset;
}