:root {
    --portal-brand-accent: #4b5ffa;
    --portal-brand-accent-bar-height: 10px;
    --portal-brand-accent-hover: #4558e5;
    --portal-brand-accent-active: #3f50d1;
    --portal-brand-on-accent: #ffffff;
    --pm-portal-navbar-height: 3.5rem;

    --platform-gray-1: #f8f9fc;
    --platform-gray-2: #eef1f7;
    --platform-gray-3: #dfe4ef;
    --platform-gray-4: #a7b0c4;
    --platform-gray-5: #646d84;
    --platform-gray-6: #2c3245;
}

html.pm-portal-root {
    font-family: "Barlow", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.pm-brand {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.pm-brand__symbol {
    flex-shrink: 0;
    display: block;
}

.pm-wordmark {
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1;
    display: inline-flex;
    align-items: baseline;
    gap: 0.1rem;
}

.pm-wordmark__paresh {
    color: var(--portal-brand-accent);
}

.pm-wordmark__me {
    color: #8e97ad;
}

.core-portal-shell .core-appbar {
    --core-appbar-top-accent-height: var(--portal-brand-accent-bar-height);
    --core-appbar-top-accent-color: var(--portal-brand-accent);
    --core-appbar-height: 42px;
    background: #1f2433;
    border-bottom-color: #2f3b57;
}

.core-portal-shell .core-appbar .core-appbar-primary-link,
.core-portal-shell .core-appbar .core-appbar-menu-dropdown__trigger,
.core-portal-shell .core-appbar .core-appbar-tenant,
.core-portal-shell .core-appbar .core-appbar-user,
.core-portal-shell .core-appbar .core-appbar-tool-button,
.core-portal-shell .core-appbar .core-appbar-user-menu__trigger {
    color: #f3f6ff;
}

.core-portal-shell .core-appbar .core-appbar-primary-link:hover,
.core-portal-shell .core-appbar .core-appbar-menu-dropdown[open] .core-appbar-menu-dropdown__trigger,
.core-portal-shell .core-appbar .core-appbar-tool-button:hover,
.core-portal-shell .core-appbar .core-appbar-user-menu[open] .core-appbar-user-menu__trigger {
    background: #2a3249;
}

.core-portal-shell .core-appbar .core-appbar-tool-button,
.core-portal-shell .core-appbar .core-appbar-user-menu__trigger {
    border-color: #3c4767;
    background: #222b40;
}