/* Theme Standard CSS - Dựa trên theme Vuexy chuẩn */

/* Light Mode */
.light-style {
    --bs-body-bg: #f8f7fa;
    --bs-body-color: #6f6b7d;
    --bs-navbar-bg: #fff;
    --bs-navbar-color: #6f6b7d;
    --bs-card-bg: #fff;
    --bs-card-color: #6f6b7d;
    --bs-border-color: #dbdade;
    --bs-dropdown-bg: #fff;
    --bs-dropdown-color: #6f6b7d;
    --bs-dropdown-border-color: #dbdade;
    --bs-dropdown-link-hover-bg: rgba(47, 43, 61, 0.04);
}

/* Dark Mode */
.dark-style {
    --bs-body-bg: #2f3349;
    --bs-body-color: #b6bee3;
    --bs-navbar-bg: #2f3349;
    --bs-navbar-color: #b6bee3;
    --bs-card-bg: #2f3349;
    --bs-card-color: #b6bee3;
    --bs-border-color: #434968;
    --bs-dropdown-bg: #2f3349;
    --bs-dropdown-color: #b6bee3;
    --bs-dropdown-border-color: #434968;
    --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.1);
}

/* Body */
body {
    background-color: var(--bs-body-bg) !important;
    color: var(--bs-body-color) !important;
    font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif !important;
}

/* Layout */
.layout-wrapper {
    background-color: var(--bs-body-bg) !important;
}

.layout-container {
    background-color: var(--bs-body-bg) !important;
}

.layout-page {
    background-color: var(--bs-body-bg) !important;
}

.content-wrapper {
    background-color: var(--bs-body-bg) !important;
}

/* Navbar */
.layout-navbar,
.bg-navbar-theme,
nav.layout-navbar {
    background-color: var(--bs-navbar-bg) !important;
    color: var(--bs-navbar-color) !important;
}

.layout-navbar.navbar-detached {
    box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.16) !important;
}

/* Cards */
.card {
    background-color: var(--bs-card-bg) !important;
    color: var(--bs-card-color) !important;
    border-color: var(--bs-border-color) !important;
}

/* Dropdowns */
.dropdown-menu {
    background-color: var(--bs-dropdown-bg) !important;
    color: var(--bs-dropdown-color) !important;
    border-color: var(--bs-dropdown-border-color) !important;
}

.dropdown-item:hover {
    background-color: var(--bs-dropdown-link-hover-bg) !important;
}

/* Radzen Components */
.dark-style .rz-body {
    background-color: var(--bs-body-bg) !important;
    color: var(--bs-body-color) !important;
}

.dark-style .rz-card {
    background-color: var(--bs-card-bg) !important;
    color: var(--bs-card-color) !important;
}

.dark-style .rz-panel {
    background-color: var(--bs-card-bg) !important;
    color: var(--bs-card-color) !important;
}

.dark-style .rz-grid {
    background-color: var(--bs-card-bg) !important;
    color: var(--bs-card-color) !important;
}

/* Footer */
.footer {
    background-color: var(--bs-card-bg) !important;
    color: var(--bs-card-color) !important;
}

/* Menu */
.dark-style .bg-menu-theme {
    background-color: #2f3349 !important;
}

.light-style .bg-menu-theme {
    background-color: #fff !important;
}