/* Marka renkleri (WorkboxB2B logosu). Sayfalarda sabit renk kodu yerine bu sınıflar kullanılır;
   renk değişecekse (ör. koyu tema) yalnız buradaki değişkenler değiştirilir. */
:root {
    --wb-brand-purple: #3c0772;
    --wb-brand-green: #009247;
}

/* Menüde üst seviye öğe ikonları mor, alt menü öğeleri yeşil. */
.icon-brand-purple { color: var(--wb-brand-purple); }
.icon-brand-green { color: var(--wb-brand-green); }

/* Mor zemin üzerinde beyaz içerik (üst çubuktaki profil avatarı). */
.bg-brand-purple { background-color: var(--wb-brand-purple); color: #fff; }

/* Koyu tema: aynı renklerin açık tonları (koyu zeminde kontrast ~6:1). */
[data-layout-mode=dark] {
    --wb-brand-purple: #b39ddb;
    --wb-brand-green: #2fbf71;
}
/* Avatar: açık morda beyaz simge okunmaz, koyu mor zeminde kaybolur; orta ton. */
[data-layout-mode=dark] .bg-brand-purple { background-color: #7b4fc4; }

/* Logo: MerchantSettings:DarkLogoPath doluysa koyu temada beyaz logo gösterilir (_logo.cshtml). */
.wb-logo-dark { display: none; }
[data-layout-mode=dark] .wb-logo-dark { display: inline; }
[data-layout-mode=dark] .wb-logo-default.wb-has-dark { display: none; }