:root {
    --portal-color-menu: #10579E;
    --portal-color-menu-dark: #003B82;
    --portal-color-menu-secondary: #338FF7;
    --portal-color-menu-secondary-soft: rgba(51, 143, 247, 0.12);
    --portal-color-banner: #10579E;
    --portal-color-banner-dark: #004188;
    --portal-color-banner-secondary: #338FF7;
    --portal-color-menu-text: #FFFFFF;
    --portal-color-link: #FFFFFF;
    --portal-color-link-hover: #FFFFFF;
    --portal-color-menu-soft: rgba(16, 87, 158, 0.12);
    --portal-color-link-soft: rgba(255, 255, 255, 0.12);
    --portal-color-banner-focus: rgba(16, 87, 158, 0.25);
    --portal-color-button: #10579E;
    --portal-color-button-hover: #338FF7;
    --portal-color-button-hover-dark: #237FE7;
    --portal-color-input-group: #006AD5;
    --portal-color-footer: #10579E;
    --portal-color-footer-secondary: #10579E;
    --portal-color-footer-panel: rgba(255, 255, 255, 0.075);
    --portal-color-footer-panel-border: rgba(255, 255, 255, 0.13);
    --portal-color-footer-text: #FFFFFF;
}

body.theme-light {
    color: var(--portal-color-menu);
}

.text-primary,
.premium-card h5,
.login-icon i,
.premium-card-icon i {
    color: var(--portal-color-menu) !important;
}

.bg-dark-blue,
.top-navbar,
.premium-navbar {
    background: linear-gradient(135deg, var(--portal-color-banner), var(--portal-color-banner-secondary)) !important;
}

.sidebar-nav {
    background: linear-gradient(135deg, var(--portal-color-menu), var(--portal-color-menu-secondary)) !important;
}

.palette-qr-blue .sidebar-nav,
.palette-qr-blue .portal-auth-sidebar {
    background: linear-gradient(180deg, var(--portal-color-menu), var(--portal-color-menu-secondary)) !important;
}

.palette-qr-blue .top-navbar,
.palette-qr-blue .premium-navbar,
.palette-qr-blue .portal-auth-topbar,
.palette-qr-blue .portal-public-topbar {
    background: linear-gradient(135deg, var(--portal-color-banner), var(--portal-color-banner-secondary)) !important;
}

.sidebar-user-card .user-avatar,
.user-avatar {
    background: linear-gradient(135deg, var(--portal-color-menu), var(--portal-color-banner)) !important;
}

.sidebar-menu-link,
.sidebar-action-btn,
.sidebar-submenu-link,
.sidebar-brand,
.sidebar-brand-text strong,
.sidebar-toggle-btn,
.sidebar-mobile-toggle,
.sidebar-link-text,
.sidebar-link-icon,
.sidebar-link-arrow,
.portal-auth-menu-kicker,
.portal-auth-menu-title,
.portal-auth-sidebar .portal-auth-menu-link,
.portal-auth-sidebar .portal-auth-submenu-link {
    color: var(--portal-color-menu-text) !important;
}

.navbar-brand span,
.nav-link {
    color: var(--portal-color-link) !important;
}

.portal-auth-topbar .sidebar-brand-title,
.portal-auth-topbar .sidebar-brand-text strong,
.portal-auth-topbar .sidebar-user-info strong,
.portal-auth-topbar .sidebar-user-info small,
.portal-public-topbar .sidebar-brand-title,
.portal-public-topbar .sidebar-brand-text strong {
    color: var(--portal-color-menu-text) !important;
}

body.palette-qr-blue .portal-auth-topbar .sidebar-brand-title,
body.palette-qr-blue .portal-auth-topbar .sidebar-brand-text strong,
body.palette-qr-blue .portal-auth-topbar .sidebar-user-info strong,
body.palette-qr-blue .portal-auth-topbar .sidebar-user-info small,
body.palette-qr-blue .portal-public-topbar .sidebar-brand-title,
body.palette-qr-blue .portal-public-topbar .sidebar-brand-text strong {
    color: var(--portal-color-menu-text) !important;
}

body.palette-qr-blue .portal-auth-sidebar .portal-auth-menu-kicker,
body.palette-qr-blue .portal-auth-sidebar .portal-auth-menu-title,
body.palette-qr-blue .portal-auth-sidebar .portal-auth-menu-link,
body.palette-qr-blue .portal-auth-sidebar .portal-auth-submenu-link,
body.palette-qr-blue .portal-auth-sidebar .sidebar-link-icon,
body.palette-qr-blue .portal-auth-sidebar .sidebar-link-text,
body.palette-qr-blue .portal-auth-sidebar .sidebar-link-arrow,
body.palette-qr-blue .portal-auth-sidebar .sidebar-action-btn,
body.palette-qr-blue .portal-auth-sidebar .sidebar-action-btn i {
    color: var(--portal-color-menu-text) !important;
}

body.palette-qr-blue .portal-auth-sidebar .portal-auth-menu-link:hover,
body.palette-qr-blue .portal-auth-sidebar .portal-auth-menu-link:focus,
body.palette-qr-blue .portal-auth-sidebar .portal-auth-submenu-link:hover,
body.palette-qr-blue .portal-auth-sidebar .portal-auth-submenu-link:focus,
body.palette-qr-blue .portal-auth-sidebar .sidebar-action-btn:hover,
body.palette-qr-blue .portal-auth-sidebar .sidebar-action-btn:focus,
body.palette-qr-blue .portal-auth-sidebar .portal-auth-menu-link.is-active,
body.palette-qr-blue .portal-auth-sidebar .portal-auth-submenu-link.is-active,
body.palette-qr-blue .portal-auth-sidebar .sidebar-menu-item.has-children > .portal-auth-menu-link.is-active {
    color: var(--portal-color-menu-text) !important;
}

body.palette-qr-blue .portal-auth-sidebar .portal-auth-menu-link:hover .sidebar-link-icon,
body.palette-qr-blue .portal-auth-sidebar .portal-auth-menu-link:hover .sidebar-link-text,
body.palette-qr-blue .portal-auth-sidebar .portal-auth-menu-link:hover .sidebar-link-arrow,
body.palette-qr-blue .portal-auth-sidebar .portal-auth-menu-link.is-active .sidebar-link-icon,
body.palette-qr-blue .portal-auth-sidebar .portal-auth-menu-link.is-active .sidebar-link-text,
body.palette-qr-blue .portal-auth-sidebar .portal-auth-menu-link.is-active .sidebar-link-arrow {
    color: var(--portal-color-menu-text) !important;
}

.guest-navbar .guest-navbar-brand-text .sidebar-brand-title,
.guest-navbar .guest-navbar-brand-text strong {
    color: var(--portal-color-menu) !important;
}

.sidebar-menu-link:hover,
.sidebar-action-btn:hover,
.sidebar-submenu-link:hover,
.sidebar-submenu-link:focus,
.sidebar-menu-link:focus,
.sidebar-action-btn:focus,
.nav-link:hover,
.nav-link:focus,
.sidebar-brand:hover,
.sidebar-brand:focus {
    color: var(--portal-color-link-hover) !important;
}

.sidebar-menu-link:hover,
.sidebar-action-btn:hover,
.sidebar-submenu-link:hover {
    background: var(--portal-color-link-soft) !important;
}

.sidebar-toggle-btn,
.sidebar-mobile-toggle,
.sidebar-user-card,
.footer-contact-icon,
.footer-logo-fallback {
    background-color: var(--portal-color-link-soft) !important;
}

/*
.sidebar-toggle-btn i,
.sidebar-mobile-toggle i {
    color: var(--portal-color-menu) !important;
}
*/

.portal-footer-premium.bg-dark-blue,
.palette-qr-blue .portal-footer-premium.bg-dark-blue {
    background: linear-gradient(135deg, var(--portal-color-footer), var(--portal-color-footer-secondary)) !important;
}

.portal-footer-premium,
.portal-footer-premium .footer-bottom-note,
.portal-footer-premium .footer-bottom-note strong,
.portal-footer-premium .footer-bottom-links,
.portal-footer-premium .footer-bottom-links a {
    color: var(--portal-color-footer-text) !important;
}

.footer-panel,
.portal-footer-premium .footer-panel,
.palette-qr-blue .portal-footer-premium .footer-panel {
    background-color: var(--portal-color-footer-panel) !important;
    color: var(--portal-color-footer-text) !important;
    border-color: var(--portal-color-footer-panel-border) !important;
}

.portal-footer-premium .footer-title,
.portal-footer-premium .footer-contact-copy,
.portal-footer-premium .footer-contact-copy strong,
.portal-footer-premium .footer-schedule-list li,
.portal-footer-premium .footer-schedule-list strong,
.portal-footer-premium .footer-muted,
.portal-footer-premium .footer-schedule-heading,
.portal-footer-premium .footer-heading-icon,
.portal-footer-premium .footer-contact-icon,
.portal-footer-premium .footer-logo-fallback {
    color: var(--portal-color-footer-text) !important;
}

.btn-premium-primary,
.footer-payment-btn,
.btn-premium-create {
    background: linear-gradient(135deg, var(--portal-color-button), var(--portal-color-button-hover)) !important;
    color: #ffffff !important;
}

.btn-premium-primary:hover,
.btn-premium-primary:focus,
.footer-payment-btn:hover,
.footer-payment-btn:focus,
.btn-premium-create:hover,
.btn-premium-create:focus {
    background: linear-gradient(135deg, var(--portal-color-button-hover), var(--portal-color-button-hover-dark)) !important;
    color: #ffffff !important;
}

.btn-premium-outline {
    border-color: var(--portal-color-menu) !important;
    color: var(--portal-color-menu) !important;
}

.btn-premium-outline:hover,
.btn-premium-outline:focus {
    background: var(--portal-color-menu) !important;
    color: var(--portal-color-link) !important;
}

.premium-input .input-group-text {
    background: var(--portal-color-input-group) !important;
    color: var(--portal-color-link) !important;
}

.premium-input .form-control:focus,
.premium-input .form-select:focus,
.premium-input input:focus,
#searchInput:focus {
    border-color: var(--portal-color-banner) !important;
    box-shadow: 0 0 0 0.2rem var(--portal-color-banner-focus) !important;
}

a {
    color: var(--portal-color-menu);
}

a:hover,
a:focus {
    color: var(--portal-color-banner);
}

.portal-auth-topbar {
    background: linear-gradient(135deg, var(--portal-color-banner), var(--portal-color-banner-secondary)) !important;
}

.portal-auth-sidebar {
    background: linear-gradient(180deg, var(--portal-color-menu), var(--portal-color-menu-secondary)) !important;
}

.portal-public-topbar {
    background: linear-gradient(135deg, var(--portal-color-banner), var(--portal-color-banner-secondary)) !important;
}

.landing-hero-card,
.palette-qr-blue .landing-dashboard-premium .landing-hero-card {
    background: linear-gradient(108deg, var(--portal-color-banner), var(--portal-color-banner-secondary)) !important;
}

.portal-auth-sidebar .portal-auth-menu-link.is-active,
.portal-auth-sidebar .portal-auth-submenu-link.is-active,
.portal-auth-sidebar .sidebar-menu-item.has-children > .portal-auth-menu-link.is-active {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.12), rgba(16, 87, 158, 0.12)) !important;
    color: var(--portal-color-menu-text) !important;
}