:root {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #1c2530;
  background: #f4f6f7;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

* { box-sizing: border-box; }
html, body, #root { margin: 0; min-width: 320px; min-height: 100%; }
body { min-height: 100vh; background: #f4f6f7; }
button, input, select, textarea { font: inherit; }
button, select { touch-action: manipulation; }

@media (max-width: 720px) {
  body { overscroll-behavior-y: contain; }
}