:root{
/* Farbwelt — Basis (MSR Brand Sheet) */
--msr-blau:#86A8C6;
--msr-tuerkis:#72C1C4;
--msr-koralle:#E99A78;
--msr-apricot:#F2BD70;
--msr-gelb:#F5E77B;
--msr-natur:#CEC7A6;
/* Ink & Papier */
--msr-ink:#111212;
--msr-papier:#FFFFFC;
/* Eine Spur dunkler als das Logo (#487BA6, 4.49:1 auf Papier): #4679A4
   erreicht auf --msr-papier 4.63:1 und damit AA fuer Text. Das Logo-SVG
   behaelt seinen Wert. */
--msr-logo-blau:#4679A4;
/* Dunklere Stufe fuer Text auf beigem Grund: --msr-logo-blau erreicht dort
   nur rund 3.5:1, diese Stufe 4.60:1. Wert stammt aus dem DS-Bundle (Button-Hover). */
--msr-blau-dunkel:#3B6789;
--msr-logo-rot:#97334B;
/* Pastell-Tints — ruhige Flächen */
--msr-blau-tint:#E9F0F6;
--msr-tuerkis-tint:#E6F5F5;
--msr-koralle-tint:#FBEDE6;
--msr-apricot-tint:#FCF1DF;
--msr-gelb-tint:#FCF9E0;
--msr-natur-tint:#E8E0D4;
/* Semantische Aliase */
--surface-page:var(--msr-papier);
--surface-calm:var(--msr-natur-tint);
--surface-accent:var(--msr-blau-tint);
--text-body:var(--msr-ink);
--text-muted:#5C5F5F;
--text-inverse:#FFFFFC;
--accent-primary:var(--msr-blau);
--accent-secondary:var(--msr-tuerkis);
--accent-warm:var(--msr-koralle);
--border-ink:var(--msr-ink);
--border-soft:#DEDCD2;
--focus-ring:var(--msr-logo-blau);
--link-on-calm:var(--msr-blau-dunkel);
}