/* ══════════════════════════════════════════════════ shared.css — Design-System für Wirtschaftlichkeitsrechner Gemeinsame Styles aller Rechner-Seiten. Seitenspezifisches CSS gehört in die jeweilige HTML-Datei oder externe CSS-Datei. ── Token-Architektur (Whitelabel-fähig) ── Layer 1 (Brand) : --brand-* aus themes/tenant-{id}.css (vor shared.css laden) Layer 2 (Semantic) : --accent, --bg, --ink, --muted etc. — aus Layer 1 abgeleitet Layer 3 (Component): .btn, .panel, .kpi etc. — nutzen ausschließlich Layer-2-Tokens Mehrere Tenants: themes/tenant-{id}.json bearbeiten, build-themes.mjs ausführen. Backend-Übergang: SSR injiziert