/*
 * Base element defaults. Reset + bare-element styling only — no component
 * classes here (those live in primitives.css).
 */

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  height: 100%;
  background: var(--bg);
  color: var(--text);
  overscroll-behavior-y: none;
}

body {
  font-family: var(--font-sans);
  -webkit-tap-highlight-color: transparent;
  /* Faint pixel-grid texture — the "digital paper" the app is printed on. */
  background-image: radial-gradient(var(--overlay-scrim) 1px, transparent 1px);
  background-size: 12px 12px;
}

a {
  color: inherit;
}

button {
  font-family: inherit;
}