body {
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: var(--Text-Primary);
  background: var(--Surface-Primary);
}

*,
*::before,
*::after {
  transition-timing-function: var(--transition-timing-function);
  transition-duration: var(--transition-duration);
  transition-property: none;
  animation-name: none;
  animation-duration: var(--transition-duration);
  animation-timing-function: var(--transition-timing-function);
}

/* 
  * Vite has issues with CSS modules import order
  * https://github.com/vitejs/vite/pull/22541
  * https://github.com/vitejs/vite/issues/3924 
  */
.BaseButton {
  color: var(--Text-Rest);
  cursor: pointer;
  background: transparent;
  border: none;
  transition-property: color, background, border-color;

  &:focus-visible {
    outline: 2px solid var(--Stroke-Focus);
  }

  &:hover {
    background: var(--Surface-Hover-Tint);
  }

  &:active {
    background: var(--Surface-Pressed-Tint);
  }

  &:disabled {
    background: var(--Surface-Disable-Tint);
  }
}