:root {
    --tab-border-top-color: 4px solid #0f0f0f;
    --side-menu-background-color: #FAFAFA;
    --side-menu-hover-color: #F4F4F5;
    --model-box-header-color: #FFFFFF;
    --nav-menu-header-color: #FFFFFF;
    --modal-confirm-text-color: #FFFFFF;
    --table-action-dropdown-content-hover: #d9d6d6;

    /* Login page `<nav class="header">` and fallback top bar */
    --header-login-navbar: linear-gradient(270deg, #151440 0%, #2F2E4C 100%);

    /* SESSION_TYPES: service */
    --palette-service-main: #475569;
    --palette-service-view-switch-active: #475569;
    --palette-service-sidebar-top-accent: #475569;
    --palette-service-soft-gradient: rgba(71, 85, 105, 0.1);
    --palette-service-header-navbar: linear-gradient(270deg, #475569 0%, #475569 100%);

    /* SESSION_TYPES: partner */
    --palette-partner-main: #0094FF;
    --palette-partner-view-switch-active: #0094FF;
    --palette-partner-sidebar-top-accent: #0094FF;
    --palette-partner-soft-gradient: rgba(79, 70, 229, 0.1);
    --palette-partner-header-navbar: linear-gradient(270deg, #0094FF 0%, #0094FF 100%);

    /* SESSION_TYPES: customer */
    --palette-customer-main: #060075;
    --palette-customer-view-switch-active: #060075;
    --palette-customer-sidebar-top-accent: #060075;
    --palette-customer-soft-gradient: rgba(226, 228, 241, 0.438);
    --palette-customer-header-navbar: linear-gradient(270deg, #060075 0%, #060075 100%);
    --sidebar-child-active-bg: #262626;

    --dashheading-area-gradient: transparent;
    --dashheading-border-gradient: linear-gradient(
        90deg,
        rgba(71, 85, 105, 0.35) 0%,
        rgba(148, 163, 184, 0.12) 50%,
        #ffffff 100%
    );

    /* Pages without data-session-type on body */
    --modal-confirm-btn-color: #0A5ACF;
    --Table-button-color: linear-gradient(90deg, #2563EB 0%, #2563EB 100%);
    --Table-button-color-hover-border: #2563EB;
}