/* base.css */
body {
  font-family: var(--font-main);
  background-color: #111;
  color: var(--color-text-dark);
  overflow: hidden; /* No scrollbars on body */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
}

button {
  cursor: pointer;
  border: none;
  background: none;
  font-family: inherit;
  transition: transform 0.2s, filter 0.2s;
}

button:hover {
  filter: brightness(1.1);
  transform: translateY(-0.2cqh);
}

button:active {
  transform: translateY(0.1cqh);
}

button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
  filter: none;
}

h1, h2, h3 {
  color: var(--color-text-dark);
  font-weight: 700;
}