/* ================================================================
   Theme "ratgeber" - hell, warm, ruhig. Serif-Headlines auf
   Papier-Ton. Fuer Ratgeber-Domains (smartgeber, glasfaser-berater,
   vermieter-magazin, spar-Domains, ...).

   Laedt NACH magazin.css und ueberschreibt primaer die :root-Tokens.
   Die Domain-Akzentfarben (--accent, --cta-*) kommen weiterhin aus
   dem Inline-<style> im Header und gewinnen, weil sie zuletzt stehen.
   ================================================================ */

:root {
  color-scheme: light;
  --bg: #faf8f4;
  --bg-soft: #f1ede4;
  --ink: #23201b;
  --ink-soft: #4c473f;
  --ink-mute: #6b655a;     /* >=4.5:1 auf --bg (WCAG AA Body) */
  --line: #e3ddd1;
  --accent-soft: #f3e8dd;
  --r: 6px;
  --serif: 'Charter', 'Bitstream Charter', 'Iowan Old Style',
           'Palatino Linotype', Georgia, serif;
}

/* Headlines in Serif - der sichtbarste Unterschied zum techmag-Look.
   Nav, Brand und UI-Elemente bleiben bewusst Inter (Sans). */
h1, h2, h3,
.hero-story h2,
.side-story h3,
.rubrik-lead h3,
.latest__title {
  font-family: var(--serif);
  font-weight: 600;
  letter-spacing: 0;
}

/* Heller Header: Blur-Glas wirkt auf Papier-Ton unruhig -> solide
   Flaeche mit klarer Linie. */
.site-header {
  backdrop-filter: none;
  background: var(--bg);
}

/* Kicker ohne Vorstrich - ruhigeres Schriftbild. */
.kicker::before { display: none; }

/* Bilder bekommen auf hellem Grund eine feine Kontur, sonst
   "schwimmen" helle Motive im Layout. */
main img {
  border-radius: var(--r);
  outline: 1px solid var(--line);
  outline-offset: -1px;
}