/* @adr [[ADR-CSS]]  */
/* @guide [[chrome-modern-css]]  */

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

html, body {
  margin: 0;
  padding: 0;
  width: 100vw;
  height: 100dvh;
  overflow: hidden;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; /* Isolated UI Font */
  color-scheme: light dark;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Schriftstapel-Klassen fuer den Brief */
body.font-stack-sans {
  --font-active-stack: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
body.font-stack-serif {
  --font-active-stack: Georgia, "Times New Roman", Times, serif;
}

/* Custom Font Overrides applied to din-a4 */

din-a4 { font-family: var(--font-active-stack); }
body.font-custom-active din-a4 {
  font-family: 'AptosCustom', var(--font-active-stack);
}



body {
  background-color: var(--bg-viewport);
  color: var(--text-primary);
  transition: background-color 0.4s cubic-bezier(0.16, 1, 0.3, 1), color 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}