/* Skin „Standard“ (Richtung A, 09.09.2026) – die einzige Vorlage: Manrope, Weiß, Tinte, ein Grau; der Mandant bringt nur Akzentfarbe und Logo. */
@import url("/fonts/Manrope.css");
:root {
  --grund: #ffffff; --flaeche: #ffffff; --flaeche-2: #f3f5f8; --tinte: #1d1d1f; --tinte-2: #3a3a3c; --gedaempft: #6e6e73; --linie: #e6e9ef;
  --akzent: #1d1d1f; --akzent-text: #ffffff; --akzent-hell: #f3f5f8; --warn: #8a5a10; --warn-hell: #fff4d6; --ok: #2f6fed; --ok-hell: #e8f0ff; --gefahr: #c0392b;
  --radius: 14px; --radius-klein: 12px; --radius-pille: 12px; --linienstaerke: 1px; --schatten: none;
  --schrift: "Manrope", "Segoe UI", system-ui, sans-serif; --schrift-titel: var(--schrift); --titel-transform: none; --titel-spacing: -0.02em; --titel-gewicht: 800;
  --balken-hoehe: 6px; --balken-radius: 3px; --balken-grund: #eef1f5; --balken-fuell: #1d1d1f;
  --tab-hintergrund: #ffffff;
}
/* Ein roter Knopf pro Seite: der primäre Knopf trägt die Mandantenfarbe, alles andere bleibt Tinte/Grau */
.btn.primaer { background: var(--akzent); border-color: var(--akzent); color: var(--akzent-text); }
.btn { border-radius: 12px; }
.btn.leise, .btn:not(.primaer):not(.warm):not(.gefahr) { background: var(--flaeche-2); border-color: transparent; color: var(--tinte); }