/* P170 visual slice. Compact icon assets remain intentionally untouched until
   the separately required Favicon Redesign Hold is released. */
:root {
    --theme-color: #114abd;
    --theme-color-light: #114abd;
    --pinaypromise-blue: #114abd;
    --pinaypromise-red: #e31b33;
    --pinaypromise-yellow: #ffd325;
    --pinaypromise-white: #ffffff;
}

:focus-visible {
    outline: 3px solid var(--pinaypromise-yellow);
    outline-offset: 3px;
}

.pinaypromise-wordmark {
    display: inline-block;
    max-width: 100%;
    object-fit: contain;
    vertical-align: middle;
}

.pinaypromise-wordmark--admin {
    width: min(210px, calc(100% - 20px));
    height: 48px;
}

.pinaypromise-wordmark--login {
    width: min(360px, 100%);
    height: 58px;
}

.sidebar-mini .main-sidebar .pinaypromise-wordmark--admin {
    display: none;
}