/* ==================================================================
   Amorazza – base.css
   ==================================================================
   Browser-Reset und globale Basis-Stile für html, body, a, img.
   Setzt die Schriftart-Familie für das ganze Dokument und das
   Safe-Area-Padding für PWA/App-Frame.

   Wird nach tokens.css und vor components.css geladen.
   Wird auf JEDER Seite geladen (Web + App).
   ================================================================== */

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  background: var(--bg);
  color: var(--ink-900);
  line-height: 1.6;
  font-size: var(--fs-body);
  -webkit-font-smoothing: antialiased;
  /* Safe-Area-Padding für PWA/App-Frame (Notch, Status-Bar) */
  padding-left:  var(--safe-left);
  padding-right: var(--safe-right);
}

a { color: var(--rose-600); text-decoration: none; }
a:hover { text-decoration: underline; }

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