/* =========================================================
   TRVECOLOR · document.css (aus main.css importiert)
   ========================================================= */
/* ---------------------------------------------------------
   Dokument-Grundlage AUSSERHALB der Ebenen.
   Styles ohne @layer gewinnen immer gegen Styles in Ebenen. Bettet ein
   Host die Seite mit eigenen Basis-Styles ein (z. B. body { background:#fff }),
   würden die sonst Hintergrund, Schrift und Rand überschreiben – auch den
   Farbmodus der Platten- und Bandseiten. Darum stehen nur diese wenigen
   Regeln hier, alles andere bleibt in den Ebenen.
   --------------------------------------------------------- */
:root { color-scheme: light; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { color-scheme: dark; } }
:root[data-theme="dark"] { color-scheme: dark; }

body {
  margin: 0;
  padding: 0 var(--gutter);
  background: var(--color-bg);
  color: var(--color-fg);
  font: var(--weight-text) var(--step-0) / var(--leading-body) var(--font-sans);
  font-stretch: var(--width-text);
}
@media (max-width: 48rem) {
  body { padding-block-end: calc(var(--tabbar-h) + var(--safe-bottom)); }
}