body {
    background: var(--pos-app-background, #f5f8fa);
}

.bg-primary {
    background-color: var(--pos-brand-primary, #0d6efd) !important;
}

.text-primary {
    color: var(--pos-brand-primary, #0d6efd) !important;
}

.badge-light-primary {
    color: var(--pos-brand-primary, #0d6efd);
}

.btn.btn-primary {
    background-color: var(--pos-brand-primary, #0d6efd);
    border-color: var(--pos-brand-primary, #0d6efd);
}

.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active {
    background-color: var(--pos-brand-secondary, #20c997) !important;
    border-color: var(--pos-brand-secondary, #20c997) !important;
}

.aside.aside-dark {
    background-color: var(--pos-brand-dark, #15171c);
}

.aside.aside-dark .aside-logo {
    background-color: var(--pos-brand-panel, #1f232c);
}

.aside.aside-dark .menu .menu-item .menu-link .menu-title,
.aside.aside-dark .menu .menu-item .menu-content .menu-section {
    color: var(--pos-brand-text, #ffffff);
}

.aside.aside-dark .menu .menu-item .menu-link .menu-icon i,
.aside.aside-dark .menu .menu-item .menu-link .menu-bullet .bullet-dot {
    color: var(--pos-brand-primary, #0d6efd);
}

.aside.aside-dark .menu .menu-item .menu-link:hover,
.aside.aside-dark .menu .menu-item.hover > .menu-link,
.aside.aside-dark .menu .menu-item.show > .menu-link {
    background-color: color-mix(in srgb, var(--pos-brand-primary, #0d6efd) 14%, transparent);
}

.pos-brand-logo img {
    object-fit: contain;
}