* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  background: var(--bg-body);
  font-family: 'Rubik', -apple-system, sans-serif;
  color: var(--text-primary);
  -webkit-tap-highlight-color: transparent;
  overscroll-behavior: none;
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
}

button {
  -webkit-tap-highlight-color: transparent;
  font-family: inherit;
}

button:active {
  transform: scale(0.97);
}

input:focus,
textarea:focus {
  border-color: var(--border-light) !important;
  outline: none;
}

textarea {
  font-family: inherit;
}

input::placeholder,
textarea::placeholder {
  color: var(--text-muted);
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}