/* ===================================================================== Kastner Brillen Haus – Design Tokens (AP 1) Version 1.2 · Stand: 2026-07-28 Farben & Logo verifiziert · Schriften jetzt self-hosted (schriften.css), Adobe-Fonts/Typekit-Einbindung entfällt (Lizenz zur Web-Nutzung von der Werbeagentur freigegeben, siehe Projektstand). Abgeleitet aus kastner_brand.json. Tints = Basisfarbe über Weiß (berechnet). --------------------------------------------------------------------- SCHRIFT-EINBINDUNG: schriften.css im per einbinden (enthält Swear Display Medium + Myriad Pro Regular/Semibold/Bold, self-hosted woff2, Ordner "fonts/" muss danebenliegen). Kein externer CDN-Call mehr. ===================================================================== */ :root { /* --- Primärfarbe: Original Blue --- */ --kbh-blue: #006293; --kbh-blue-75: #4089AE; --kbh-blue-50: #80B1C9; --kbh-blue-10: #E6EFF4; /* --- Akzente (sparsam einsetzen) --- */ --kbh-saffron: #e1ba2a; --kbh-saffron-75: #E9CB5F; --kbh-saffron-50: #F0DD95; --kbh-saffron-25: #F8EECA; --kbh-grapefruit: #ed6a5a; --kbh-grapefruit-75: #F28F83; --kbh-grapefruit-50: #F6B5AD; --kbh-grapefruit-25: #FADAD6; /* --- Neutral / Text --- */ --kbh-charcoal: #313238; --kbh-charcoal-50: #98999C; --kbh-charcoal-20: #D6D6D7; --kbh-charcoal-7: #F1F1F1; --kbh-black: #171717; /* Logo-Schwarz */ --kbh-white: #ffffff; /* --- Semantische Rollen --- */ --kbh-color-primary: var(--kbh-blue); --kbh-color-text: var(--kbh-charcoal); --kbh-color-bg: var(--kbh-white); /* --- Schrift: self-hosted zuerst, dann Offline-Fallbacks --- */ --kbh-font-headline: "Swear Display", "Fraunces", Georgia, serif; --kbh-font-text: "Myriad Pro", "Source Sans 3", Helvetica, Arial, sans-serif; --kbh-subline-tracking: 0.15em; /* entspricht Tracking 150 */ }