/* Farbvarianten (Markenfarben und Logos). Standard ist Blau; die Auswahl setzt theme.js als data-brand am <html>.
   Kontrast aller Paare geprueft (AA): Akzent auf Hintergrund und Text auf Akzent mindestens 5,2:1. */
:root{--color-accent:#1f58e6;--color-accent-hover:#1747c0;--color-on-accent:#ffffff;--logo-word:url(/assets/brand/blau/werkly-work-hell.svg)}
:root[data-theme="dark"]{--color-accent:#6a9bff;--color-accent-hover:#8fb4ff;--color-on-accent:#06142e;--logo-word:url(/assets/brand/blau/werkly-work-dunkel.svg)}
:root[data-brand="blau"]{--color-accent:#1f58e6;--color-accent-hover:#1747c0;--color-on-accent:#ffffff;--logo-word:url(/assets/brand/blau/werkly-work-hell.svg)}
:root[data-brand="orange"]{--color-accent:#b34612;--color-accent-hover:#92390d;--color-on-accent:#ffffff;--logo-word:url(/assets/brand/orange/werkly-work-hell.svg)}
:root[data-brand="violett"]{--color-accent:#6a1fb5;--color-accent-hover:#520298;--color-on-accent:#ffffff;--logo-word:url(/assets/brand/violett/werkly-work-hell.svg)}
:root[data-brand="teal"]{--color-accent:#0b6b6f;--color-accent-hover:#08565a;--color-on-accent:#ffffff;--logo-word:url(/assets/brand/teal/werkly-work-hell.svg)}
:root[data-theme="dark"][data-brand="blau"]{--color-accent:#6a9bff;--color-accent-hover:#8fb4ff;--color-on-accent:#06142e;--logo-word:url(/assets/brand/blau/werkly-work-dunkel.svg)}
:root[data-theme="dark"][data-brand="orange"]{--color-accent:#f39a49;--color-accent-hover:#f7b378;--color-on-accent:#2a1203;--logo-word:url(/assets/brand/orange/werkly-work-dunkel.svg)}
:root[data-theme="dark"][data-brand="violett"]{--color-accent:#b99aee;--color-accent-hover:#cfb7f5;--color-on-accent:#1d0a33;--logo-word:url(/assets/brand/violett/werkly-work-dunkel.svg)}
:root[data-theme="dark"][data-brand="teal"]{--color-accent:#5fd0d0;--color-accent-hover:#86e0e0;--color-on-accent:#06201f;--logo-word:url(/assets/brand/teal/werkly-work-dunkel.svg)}
.swatch i{background:var(--sw)}
.swatch[data-brand="blau"]{--sw:#1f58e6}
.swatch[data-brand="orange"]{--sw:#b34612}
.swatch[data-brand="violett"]{--sw:#6a1fb5}
.swatch[data-brand="teal"]{--sw:#0b6b6f}