*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  height: var(--viewport-h);
  margin: 0;
}

body {
  padding: var(--safe-pad);
  background: var(--cream);
  color: var(--ink);
  font-family: var(--font);
  font-size: var(--text-m);
  overflow: hidden;
  overscroll-behavior: none;
  -webkit-tap-highlight-color: transparent;
}

button {
  font: inherit;
  color: inherit;
  border: none;
  background: none;
  cursor: pointer;
  touch-action: manipulation;
}

button:disabled {
  cursor: default;
}