/* Tresor-Touch fuer den Blog (tresor.datenputzer.de/blog/) Uebernimmt Schriftfamilie und Label-Optik der Tresor-Seiten (Editorial-Design, vgl. tresor/frontend/src/index.css: --ed-sans/--ed-mono). Struktur und Layout bleiben bewusst identisch zum Datenputzer-Blog; diese Datei uebersteuert NUR Schrift und Detail-Elemente. Einbindung: als LETZTES Stylesheet im jeder Blog-Seite. */ :root { --td-sans: "Helvetica Neue", Helvetica, Arial, "Inter", system-ui, -apple-system, sans-serif; --td-mono: ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", monospace; } body { font-family: var(--td-sans) !important; } /* Eyebrow-/Label-Optik wie auf Tresor-Landing und /docs: Mono, Uppercase, weite Laufweite. Trifft die bestehenden Blog-Elemente mit uppercase-Labels (Kategorie-Badge im Artikel-Header, Kategorie-Zeile und Eck-Badge der Karten, Box-Ueberschriften wie "Security Alert"), ohne neues Markup. */ .uppercase.tracking-wider, .uppercase.tracking-widest { font-family: var(--td-mono); letter-spacing: 0.16em; } .rounded-full.uppercase { font-family: var(--td-mono); letter-spacing: 0.12em; } /* Nav-Links im Stil der Tresor-Startseite (.ed-link): fetter Text mit Unterstrich statt Button-Box */ .t-link { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; border-bottom: 2px solid currentColor; padding-bottom: 2px; transition: color .15s, border-color .15s; } .t-link:hover { color: #10b981; } /* Kantige CTA-Buttons wie .ed-cta der Tresor-Startseite (border-radius: 0). Trifft nur Anker-Buttons, nicht Karten, Boxen oder Filter-Pills. */ a.bg-brand-primary, a.border-slate-600 { border-radius: 0 !important; } /* Textauswahl im Markengruen, wie es sich auf den App-Seiten anfuehlt */ ::selection { background: rgba(16, 185, 129, 0.25); }