:root{
--blue-100:#E4F7FE;--blue-300:#7DD8FA;--blue-500:#01AEF3;--blue-600:#0092D6;
--orange-100:#FDECD6;--orange-300:#FBC783;--orange-500:#F6931C;--orange-600:#D97A0A;
--teal-100:#D9F5F0;--teal-300:#6EE3D0;--teal-500:#00C2A8;--teal-600:#009686;
--ink-900:#191D22;--slate-600:#4B5563;--body-gray-600:#6E7A84;--fog-200:#E7EBEE;--offwhite-50:#F7F9FA;--white:#FFFFFF;
--success-500:#22C55E;--error-500:#EF4444;

--color-sanitaer:var(--blue-500);
--color-heizung:var(--orange-500);
--color-klima:var(--teal-500);

--surface-page:var(--offwhite-50);
--surface-card:var(--white);
--surface-dark:var(--ink-900);
--surface-divider:var(--fog-200);

--text-heading:var(--ink-900);
--text-body:var(--body-gray-600);
--text-secondary:var(--slate-600);
--text-on-dark:var(--white);
--text-on-blue:var(--white);
--text-link:var(--blue-600);

--brand-primary:var(--blue-500);
--brand-primary-deep:var(--blue-600);
--brand-accent:var(--orange-500);

--state-success:var(--success-500);
--state-error:var(--error-500);
}