/* Baseline so the page never flashes unstyled; style.css then overrides with full design system */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  max-width: 100vw;
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
}

body {
  max-width: 100vw;
  overflow-x: hidden;
  background-color: #121212;
  color: #e8eaec;
  font-family: var(--font-body), system-ui, -apple-system, sans-serif;
  -webkit-tap-highlight-color: rgba(119, 231, 137, 0.15);
}

/* Prevent iOS zoom on input focus; keep text readable */
@media (max-width: 768px) {
  input,
  select,
  textarea {
    font-size: 16px !important;
  }
}