/*
 * Datei: assets/styles/base.css
 * Zweck: Globale Reset- und Basisebene für alle aktiven Seiten.
 * Status: führend
 * Verantwortet: HTML-Grundlayout, Typografie-Basis, Medien-Reset und generische Inline-Elemente.
 */

*{box-sizing:border-box}
html,body{
  margin:0;
  padding:0;
  width:100%;
  min-height:100%;
  overflow-x:hidden;
  background:var(--bg);
  color:var(--text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
body{
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
button,input,select{
  font:inherit;
}
a{
  text-decoration:none;
  color:inherit;
}
img{
  max-width:100%;
  display:block;
}
svg{
  display:block;
  width:1em;
  height:1em;
  flex:0 0 auto;
}
.small{
  font-size:12px;
  color:var(--muted);
  line-height:1.5;
}
code{
  background:var(--dg-surface-solid, #121316);
  border:1px solid var(--line);
  padding:2px 6px;
  border-radius:8px;
}

/* AP-29D-REV14-PHASE4-B | DG-Grundfläche und Lesbarkeit. */
html,
body{
  background:var(--dg-bg-gradient, var(--bg));
  color:var(--dg-text, var(--text));
}
body{
  background-attachment:fixed;
}
code{
  background:var(--dg-surface-strong, #121316);
  border-color:var(--dg-line-soft, var(--line));
}

/* AP-29D-REV14-PHASE4-C-REV8 | iOS-/Safari-Dark-Shell: HTML, Body und Form Controls folgen dem bestehenden dunklen Shell-Vertrag. */
:root,
html{
  color-scheme:dark;
  background:var(--shell-header-bg, var(--dg-bg, var(--bg)));
}
body{
  color-scheme:dark;
  background-color:var(--dg-bg, var(--bg));
}
input,
textarea,
select,
button{
  color-scheme:dark;
}
input,
textarea,
select{
  background-color:var(--dg-surface-solid, var(--surface));
  color:var(--dg-text, var(--text));
  caret-color:var(--dg-accent, var(--brand));
  accent-color:var(--dg-accent, var(--brand));
}
input::placeholder,
textarea::placeholder{
  color:var(--dg-muted-2, var(--muted));
}