/* ============================================================================ GENERIERT - NICHT VON HAND EDITIEREN (#431, Gestalt-Schicht #557) Brand: slf Quelle (SoT): web-engine/assets/blog.css (geteilte Schicht: Struktur+Rhythmus) + web-engine/brands/slf/blog-tokens.css (Token-Bruecke) + web-engine/brands/slf/blog-gestalt.css (die Handschrift) + web-engine/brands/slf/blog-overrides.css (optional, laedt zuletzt) Neu erzeugen: python web-engine/tools/sync_blog_css.py Drift-Check: python web-engine/tools/sync_blog_css.py --check Quell-Hash: 2143ed7f6605 ============================================================================ */ /* slf Token-Bruecke — GENERIERT (#552) aus brand-engine bzw. Kunden-Akte: assets/manifest.yaml `colors:`/`fonts:`. Neu erzeugen: python web-engine/tools/blog_tokens.py generiere slf --schreiben Pruefen: python web-engine/tools/blog_tokens.py pruefe slf Gescoped auf .post-layout, damit nichts in die Site-Styles leckt. Der @import oben laedt die Marken-Schriften auch auf ALT-Posts, deren eingebackener sie nicht anfordert (#611, ohne Republish). */ @import url('https://fonts.googleapis.com/css2?family=Anton:wght@400;700;800;900&family=Archivo:wght@400;500;600&family=Archivo+Narrow:wght@400;500;700&display=swap'); .post-layout{ --accent:#ffe11a; --accent-dark:#f5c400; --accent-soft:rgba(255,225,26,.12); --accent-tint:rgba(255,225,26,.2); --ink:#15161a; --body:#22242b; --muted:#22242b; --paper:#f4f1e9; --rule:rgba(21,22,26,.16); --rule-strong:rgba(21,22,26,.34); --gutter:24px; --font-head:'Anton',sans-serif; --font-body:'Archivo',sans-serif; --font-mono:'Archivo Narrow',sans-serif; } /* ============================================================================ BLOG.CSS — GETEILTE BLOG-SCHICHT (SoT, web-engine · #431) ============================================================================ Die EINE Wahrheit fuer das Blog-Post-Layout aller Brand-Sites (Blueprint #422, auf Seonar bewiesen). Die Engine (seo-engine/engine/publish.py) emittiert das Markup brand-agnostisch; diese Datei ist die Web-Schicht dazu. VERTEILUNG: Sites halten GENERIERTE Kopien (/assets/blog.css) = Header + Brand-Token-Bruecke (web-engine/brands//blog-tokens.css) + diese Datei. Neu erzeugen: python web-engine/tools/sync_blog_css.py Drift-Check: python web-engine/tools/sync_blog_css.py --check TOKEN-VERTRAG (was diese Schicht von der Site erwartet — nativ oder via Bruecke, Bruecke gescoped auf .post-layout, damit nichts in die Site-Styles leckt): Farben: --accent --accent-dark --accent-soft(Tint-Hintergrund!) --accent-tint --ink --body --muted --paper --rule --rule-strong Fonts: --font-head --font-body --font-mono Layout: --gutter ============================================================================ */ /* ============================================================================ ARTIKEL-BASIS-TYPO (#431 aus dem Post-Inline-