// @font-face {
//   font-family: 'Inter';
//   src: url('/fonts/inter-regular.woff2') format('woff2');
//   font-weight: 400;
//   font-style: normal;
//   font-display: swap;
// }

// @font-face {
//   font-family: 'Inter';
//   src: url('/fonts/inter-semibold.woff2') format('woff2');
//   font-weight: 600;
//   font-style: normal;
//   font-display: swap;
// }

body {
  font-family: 'Inter', sans-serif;
  color: $color-text-body;
  background-color: $color-background-body;
  min-width: $min-width;
}

svg {
  display: block;
  flex-shrink: 0;
}

iframe {
  border: 0;
}

:where(button) {
  background-color: transparent;
  border: 0;
  padding: 0;
  text-align: left;
  cursor: pointer;
  &:focus {
    outline: none;
    border-color: $color-border-brand-secondary;
    box-shadow: $box-shadow-input-focus;
  }
  &:hover {
    background-color: $color-gray-100; 
  }
}

:focus:not(:focus-visible) {
  outline: 0;
}