/* BuchFairHandlung – Design-Tokens Fünf Farbwelten unter einer Dachmarke (Projektakte, Schritt 2) */ :root { /* Dachmarke: Papier, Tinte, Einband, Messing Rot und Gold kalibriert auf das Logo (Wimpel, Stand 17.07.2026) */ --papier: #F5F0E6; --tinte: #211D16; --einbandrot: #A50A11; --einbandrot-tief: #830B0F; --messing: #BC8A45; --neben: #5C5344; --linie: #E3DAC8; /* Schriften (lokal eingebunden, siehe base.css) */ --schrift-marke: "Fraunces", Georgia, "Times New Roman", serif; --schrift-lese: "Literata", Georgia, "Times New Roman", serif; --schrift-sach: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif; --schrift-erpel: "Andika", "Comic Sans MS", sans-serif; /* Fluide Typografie */ --groesse-basis: clamp(1rem, 0.95rem + 0.3vw, 1.125rem); --groesse-klein: clamp(0.85rem, 0.82rem + 0.2vw, 0.95rem); --groesse-h2: clamp(1.4rem, 1.15rem + 1.2vw, 2rem); --groesse-marke: clamp(2rem, 0.9rem + 5.4vw, 4.6rem); /* Rhythmus */ --abstand-sektion: clamp(4rem, 3rem + 4vw, 7.5rem); --abstand-block: clamp(1.5rem, 1.2rem + 1.5vw, 2.5rem); --breite-inhalt: 62rem; --breite-text: 40rem; /* Bewegung */ --dauer-schnell: 160ms; --dauer-normal: 340ms; --kurve-aus: cubic-bezier(0.16, 1, 0.3, 1); } /* Weltfarben – je Bereich per Klasse am */ .welt-fachbuch { --welt-grund: #F3F5F5; --welt-tinte: #182530; --welt-akzent: #23606E; --welt-signal: #C7461F; --welt-neben: #4A5A64; } .welt-kinder { --welt-grund: #FBF2E0; --welt-tinte: #33261A; --welt-akzent: #D9A441; --welt-akzent-tief: #3E6B4F; --welt-nacht: #223148; --welt-neben: #6B5636; } .welt-krimi { --welt-grund: #1F2A24; --welt-tinte: #EFE8D8; --welt-akzent: #C9A35C; --welt-akzent-tief: #B4763B; --welt-neben: #BFB49C; } .welt-rotzblag { --welt-grund: #F4E7CE; --welt-tinte: #3A2A1D; --welt-akzent: #D96C2C; --welt-akzent-tief: #C99B2C; --welt-oliv: #6E7A33; --welt-neben: #6B5A38; }