:root {
    --color-primary: #ffffff;
    --color-secondary: #363b68;
    --color-tertiary: #a3d4ff;
}


.listview-border {
    color: var(--color-tertiary) !important;
}

.appBottomMenu .item.active i.bi,
.appBottomMenu .item.active i.icon,
.appBottomMenu .item.active ion-icon,
.appBottomMenu .item.active strong {
    color: var(--color-tertiary) !important;
}

.text-primary {
    color: var(--color-tertiary) !important;
}

.section-title .text-primary {
    color: var(--color-primary) !important;
}

#cart-menu .badge-primary {
    background: var(--color-tertiary) !important;
    color: var(--color-secondary);
}

.form-check-input:checked ~ .form-check-label:after {
    background-color: var(--color-tertiary);
    border-color: var(--color-tertiary) !important;
}

body.dark-mode-active .form-switch .form-check-input:checked ~ .form-check-label:after {
    background-color: var(--color-tertiary);
    border-color: var(--color-tertiary) !important;
}

.footer-title a,
.form-links a {
    color: var(--color-tertiary) !important;
}