/* Design-Tokens und Theme "Prairie" Les Bergers Mystiques — aus dem abgenommenen Entwurf v3 ausgelagert. Quelle: design-entwurf/index.html, Zeilen 17-68 (unveraendert uebernommen). ACHTUNG: Die Einbindungsreihenfolge in ist bedeutungstragend. */ /* ============================================================ LES BERGERS MYSTIQUES — Entwurf v3 · „Der mystische Blick" Kino-Hero: Augen-Streifen öffnet sich Schritt für Schritt zum Vollbild, dann Foto-Kapitel. Standard-Theme: Prairie. ============================================================ */ :root { --creme: #F8F3EA; --rose: #F0DBDB; --rose-2: #E3C6C4; --teal: #7FA9A8; --teal-dark:#4E7473; --charbon: #26221F; --caramel: #B98A5A; --caramel-d:#96683B; --maxw: 1200px; --header-h: 84px; --radius: 14px; --font-display: "Newsreader", Georgia, serif; --font-body: "Albert Sans", "Segoe UI", sans-serif; } /* ---------- THEME: PRAIRIE (Standard) ---------- */ [data-theme="prairie"] { /* ZWEI-FARBEN-SYSTEM (User-Entscheid 13.08.): Sections nur noch Olive #E9E3D0 oder Tannengrün #2E4640 — Ausnahmen: Hero + Navigation. Creme lebt weiter in Header, Buttons, Karten und Text auf Dunkel. */ --bg: #E9E3D0; --bg-alt: #E9E3D0; --ink: #24312C; /* dunkler als früher (#5D6B63): auf Olive 5.15:1 statt 4.37 (AA-Fail) */ --ink-soft: #52605A; --accent: var(--teal-dark); --accent-2: var(--caramel-d); /* Caramel als TEXT braucht mehr Tiefe: #96683B = 4.29:1 auf Creme (AA-Fail bei 12px). #7F5730 ≈ 5.6:1 auf Creme, ≈ 5.1:1 auf Salbei. */ --accent-2-text: #7F5730; /* Text auf --band-bg #2E4640 (gemessen): Kicker 5.1:1 · Ziffern 4.65:1 · Body 7.4:1 */ --band-kicker: #9DBFBD; --band-num: #D2A876; --band-body: #D8DED4; --header-bg: rgba(245,241,230,0.88); --header-ink: #24312C; --cine-bg: #1B2924; --cine-glow: rgba(127,169,168,0.30); --gal-bg: #2E4640; --race-bg: #E9E3D0; --band-bg: #2E4640; --band-ink: #F5F1E6; --card-bg: #FFFFFF; --btn-ink: #F5F1E6; }