/* ============================================================================ GENERIERT - NICHT VON HAND EDITIEREN (#431, Gestalt-Schicht #557) Brand: roughly Quelle (SoT): web-engine/assets/blog.css (geteilte Schicht: Struktur+Rhythmus) + web-engine/brands/roughly/blog-tokens.css (Token-Bruecke) + web-engine/brands/roughly/blog-gestalt.css (die Handschrift) + web-engine/brands/roughly/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: 1e82a5817d75 ============================================================================ */ /* ⚠ NICHT ableitbar aus dem Manifest: --blog-sticky-top */ /* roughly 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 roughly --schreiben Pruefen: python web-engine/tools/blog_tokens.py pruefe roughly 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=Onest:wght@400;700;800;900&family=Onest:wght@400;500;600&family=JetBrains+Mono:wght@400;500;700&display=swap'); .post-layout{ --accent-tint:var(--accent-soft); --body:var(--ink-2); --gutter:var(--s5); --muted:var(--ink-3); --rule:var(--line); --rule-strong:var(--line-strong); --font-head:'Onest',sans-serif; --font-body:'Onest',sans-serif; --font-mono:'JetBrains Mono',monospace; } /* ============================================================================ 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-