* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: radial-gradient(circle at 75% 0, #12313a 0, transparent 32rem), var(--bg);
  color: var(--ink);
  font: 15px/1.5 Inter, ui-sans-serif, system-ui, sans-serif;
  padding-bottom: 80px; /* Space for mobile bottom bar */
}

/* Auth Page overrides */
.auth-page {
  min-height: 100vh;
  display: grid;
  place-items: center;
  background: radial-gradient(circle at 20% 15%, #16404a 0, transparent 34rem), radial-gradient(circle at 85% 80%, #222f27 0, transparent 28rem), var(--bg);
}

@media (min-width: 761px) {
  body {
    padding-bottom: 0;
  }
}