/* ============================================================
   Herbst-Farbschema (Bernstein und Terrakotta wie das Laub), geladen nur wenn
   src/season.js „Herbst“ meldet. Überschreibt ausschließlich Variablen aus site.css,
   Layout und Komponenten bleiben unverändert. Kontraste: Text auf Braun mindestens 5,2 : 1.
   ============================================================ */
:root {
	--green-900: #3A2415; --green-700: #8A4A1F; --green-600: #A05A26; --green-400: #D9A066;
	--green-200: #F0D9BB; --green-100: #F8EAD6; --green-050: #FCF5EA;
	--ink-900: #2E2620; --ink-600: #6F6258; --ink-400: #A89A8D;
	--paper-0: #FFFFFF; --paper-50: #FDFBF7; --paper-100: #F7F1E8;
	--line-200: #EBE3D8; --line-300: #DDD2C3;
	--text-on-inverse: #FBF3E8;
	--shadow-sm: 0 1px 2px rgba(58,36,21,.07);
	--shadow-md: 0 2px 8px rgba(58,36,21,.08), 0 1px 2px rgba(58,36,21,.05);
	--shadow-lg: 0 12px 32px rgba(58,36,21,.12), 0 2px 8px rgba(58,36,21,.07);
	/* der gelbe Preise-Abschnitt wird honigfarben */
	--accent-yellow-tint: #FBEBC8; --accent-yellow-ink: #7A4A10;
	--accent-green: #C9A35E; --accent-green-tint: #F6ECD6; --accent-green-ink: #7A5A1E;
}
.nav { background: rgba(253,251,247,.88); }
.modal-overlay { background: rgba(58,36,21,.55); }
.ki-label { background: rgba(58,36,21,.6); }
/* Hero: Füße im Laub. Die Karte sitzt oben, darunter bleiben die Füße im Bild sichtbar. */
.hero:not(.hero-narrow) { padding-bottom: clamp(200px, 30vw, 380px); background-position: center bottom; }
.hero.hero-narrow { background-position: center 70%; }
.hero-card { background: rgba(255,255,255,.8); border-color: rgba(255,255,255,.75); }