/* ==================================================
GLOBAL RESET
--------------------------------------------------
Color tokens live in app-ui-colors.css (loaded after this file) — this
file only resets the document box model and sets the base font stack.
System fonts only, deliberately: no webfont download on a product whose
audience is mid-tier Android devices over patchy connections (SPEC.md
NFR-3) — every KB before first paint matters more here than a custom face.
================================================== */

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

html {
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  font-family: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  background-color: var(--app-bg);
  color: var(--app-text);
  font-size: 15px;
  line-height: 1.55;
}

a {
  color: var(--app-primary);
}

img, svg {
  max-width: 100%;
  display: block;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}