:root {
    --portal-color-menu: #519FEE;
    --portal-color-menu-dark: #3583D2;
    --portal-color-banner: #7EB9FA;
    --portal-color-banner-dark: #68A3E4;
    --portal-color-link: #FFFFFF;
    --portal-color-link-hover: #FFFFFF;
    --portal-color-menu-soft: rgba(81, 159, 238, 0.12);
    --portal-color-link-soft: rgba(255, 255, 255, 0.12);
    --portal-color-banner-focus: rgba(126, 185, 250, 0.25);
    --portal-color-button: #2D8BEA;
    --portal-color-button-hover: #A0C8F3;
    --portal-color-button-hover-dark: #90B8E3;
    --portal-color-input-group: #A3A3A3;
}

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,
.sidebar-nav {
    background: linear-gradient(135deg, var(--portal-color-menu-dark), var(--portal-color-banner)) !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-user-info strong,
.sidebar-user-info small,
.sidebar-toggle-btn,
.sidebar-mobile-toggle,
.sidebar-link-text,
.sidebar-link-icon,
.sidebar-link-arrow,
.navbar-brand span,
.nav-link {
    color: var(--portal-color-link) !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-panel,
.footer-contact-icon,
.footer-logo-fallback {
    background-color: var(--portal-color-link-soft) !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: var(--portal-color-link) !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: var(--portal-color-link-hover) !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);
}