/* Theme Revoltaris, Grundlage. Nur Seitengerüst, keine Komponenten: die
   kommen aus ds.css (Design System) und chrome.css. Werte nur als Tokens. */

/* Platz für den Scrollbalken immer freihalten: die Scroll-Sperre der Overlays
   (Drawer, Schnell-Warenkorb) nimmt ihn sonst weg, und die Seite rutscht
   (Non-negotiable 3). */
html { background: var(--bg); scrollbar-gutter: stable; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text-body);
  font-family: var(--font-sans);
  font-size: var(--text-15);
  line-height: var(--leading-relaxed);
  -webkit-font-smoothing: antialiased;
}
*, *::before, *::after { box-sizing: border-box; }
img, video { max-width: 100%; height: auto; display: block; }
h1, h2, h3, h4, p, figure { margin: 0; }

/* Die Wrapper von WordPress tragen keine eigene Box. */
.wp-site-blocks { padding: 0; }
.wp-site-blocks > * { margin-block: 0; }
.wp-block-template-part { margin: 0; }

/* Auswahllisten, die nicht aus der Select-Komponente kommen (Fremd-Plugins):
   gleiche deckende Fläche wie im System (2026.10.02.7), sonst malt Chrome unter
   Windows die offene Liste im dunklen Design weiss mit weisser Schrift. */
select option, select optgroup { background-color: var(--bg-2); color: var(--fg); }