/* ================================================================
   Theme "business" - hell, kuehl, nuechtern und kompakt. Kein
   Webfont: System-Font-Stack (spart den Inter-Download und
   unterscheidet den Font-Fingerprint vom Rest des Netzes).
   Fuer B2B-/Sach-Domains (mittelstandszene, immohandwerker, pvhaus,
   ihr-neues-auto, kauf-im-einzelhandel).

   Laedt NACH magazin.css; Domain-Akzente (--accent, --cta-*) kommen
   aus dem Inline-<style> im Header und gewinnen.
   ================================================================ */

:root {
  color-scheme: light;
  --bg: #f7f8fa;
  --bg-soft: #eceef2;
  --ink: #171a20;
  --ink-soft: #3d434e;
  --ink-mute: #5b6170;     /* >=4.5:1 auf --bg (WCAG AA Body) */
  --line: #dcdfe5;
  --accent-soft: #e8ecf3;
  --r: 2px;
  --max: 700px;
}

/* System-Stack statt Inter - dichter, vertrauter Sach-Ton. */
body {
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto,
               Helvetica, Arial, sans-serif;
  font-feature-settings: normal;
  font-size: 16px;
  line-height: 1.55;
}

h1, h2, h3,
.hero-story h2,
.rubrik-lead h3 {
  font-weight: 700;
  letter-spacing: -0.015em;
}

/* Solider Header, klare Kante, kein Glas. */
.site-header {
  backdrop-filter: none;
  background: #ffffff;
  border-bottom: 2px solid var(--line);
}

/* Inhaltsflaechen auf Weiss absetzen - der "Report-Look":
   Seiten-Hintergrund bleibt kuehles Grau, Artikelbilder mit Kontur. */
main img {
  border-radius: var(--r);
  outline: 1px solid var(--line);
  outline-offset: -1px;
}

/* Kicker technisch-knapp. */
.kicker { letter-spacing: .1em; }
.kicker::before { width: 1rem; }