/* Konzept A – Vertrauen & Tradition.
   Vertrag: jedes Theme MUSS alle hier gesetzten Variablen definieren.
   CI von m-rothen.de: Orange #ea5b0c, Dunkel #292b37. Nur Systemschriften. */
:root {
  --c-bg:            #f7f7f7;
  --c-bg-alt:        #f0f0f0;
  --c-text:          #141414;
  --c-text-muted:    #3e3e3e;
  --c-border:        #e2e2e2;
  --c-border-stark:  #8a8a8a;   /* 3.22:1 gegen die Feldfüllung #f7f7f7 */

  /* Markenorange bleibt für Flächen und Linien (dort genügen 3:1).
     Kleiner Text bekommt die dunklere Abstufung, sonst reißt WCAG AA. */
  --c-accent:        #ea5b0c;
  --c-akzent-text:   #bb490a;   /* 5.16:1 Weiß · 4.82:1 #f7f7f7 · 4.53:1 #f0f0f0 */
  --c-akzent-dunkel: #ed6f29;   /* 4.62:1 auf #292b37 */
  --c-hero-akzent:   #bb490a;
  --c-btn-bg:        #bb490a;
  --c-btn-bg-hover:  #9c3d08;
  --c-btn-text:      #ffffff;
  --c-focus:         #cf6522;   /* 3.79:1 auf Weiß, 3.70:1 auf dem dunklen Hero */

  --c-dark:          #292b37;
  --c-dark-text:     #ffffff;
  --c-dark-muted:    rgba(255,255,255,.72);

  --c-kopf-bg:       #ffffff;
  --c-hero-bg:       #ffffff;
  --c-hero-text:     var(--c-text);
  --c-hero-muted:    var(--c-text-muted);

  --c-karte-bg:      #ffffff;
  --c-karte-border:  #e2e2e2;
  --shadow-karte:    0 2px 8px rgba(0,0,0,.07), 0 1px 3px rgba(0,0,0,.04);

  --c-splash-bg:     linear-gradient(140deg, #1a1f29 0%, #292b37 55%, #3e4257 100%);
  --c-splash-karte:  rgba(255,255,255,.04);
  --c-splash-karte-hover: rgba(255,255,255,.08);
  --c-splash-border: rgba(255,255,255,.14);

  --ff-head: Georgia, 'Times New Roman', 'Palatino Linotype', serif;
  --ff-body: 'Segoe UI', system-ui, -apple-system, Arial, sans-serif;

  --sp-xs: .5rem; --sp-sm: 1rem; --sp-md: 1.5rem; --sp-lg: 2.5rem; --sp-xl: 4rem;
  --rad-sm: 4px; --rad-md: 8px;
  --max-w: 1200px; --header-h: 76px;
}
/* Ruhige, klassische Anmutung: Serifen-Überschriften, feine Trennlinie unter dem Abschnittskopf */
.abschnitt-kopf { border-bottom: 1px solid var(--c-border); padding-bottom: var(--sp-md); }
.hero { border-bottom: 1px solid var(--c-border); }
