/* ============================================================ BILLYR – gemeinsame Typografie (Home + künftige Seiten) Einbinden: (Pfad von der HTML-Datei aus anpassen, z. B. ../assets/… in Unterordnern) Optional für schnellere Fonts: preconnect zu fonts.googleapis.com / fonts.gstatic.com im vor diesem Link. ============================================================ */ @import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700&display=swap"); @import url("layout-responsive.css"); :root { /* Familien */ --font-display: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; --font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; --font-mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace; /* Sektions-Überschriften (H2): Okta-Style – Regular, straff */ --section-title-size: clamp(1.5rem, 3.2vw, 2.625rem); --section-title-weight: 400; --section-title-lh: 1.14; --section-title-track: -0.02em; /* Kacheln / Karten-Titel / Metriken in Karten: eine Stufe kräftiger */ --card-title-weight: 500; /* Glaskarten: eine Oberfläche (Referenz = Feature-Bento #features) */ --card-glass-bg: linear-gradient( 155deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.55) 100% ); --card-glass-backdrop: blur(20px) saturate(1.2); --card-glass-shadow: 0 4px 28px rgba(0, 50, 130, 0.08); --card-glass-border: 1px solid rgba(255, 255, 255, 0.85); --card-glass-border-strong: 1px solid rgba(255, 255, 255, 0.95); }