:root {
    --grades-navy: #080078;
    --grades-blue: #1f4e94;
    --grades-orange: #ff7c2c;
    --grades-muted: #575b70;
    --grades-border: #dedeea;
    --grades-surface: #f7f8fc;
    --grades-active: #eef2fa;
    --pf-v5-global--primary-color--100: var(--grades-blue);
    --pf-v5-global--primary-color--200: var(--grades-navy);
    --pf-v5-global--active-color--100: var(--grades-blue);
    --pf-v5-global--link--Color: var(--grades-blue);
    --pf-v5-global--link--Color--hover: var(--grades-navy);
}

body[data-page-id="admin"] {
    color-scheme: light;
    background: #fff;
}

body[data-page-id="admin"] .keycloak__loading-container {
    background: #fff;
    color: var(--grades-navy);
}

/* The native masthead and its plain buttons use dark-surface text tokens. */
body[data-page-id="admin"] .pf-v5-c-masthead,
body[data-page-id="admin"] .pf-v5-c-masthead .pf-v5-c-button.pf-m-plain {
    --pf-v5-global--Color--100: var(--grades-navy);
    --pf-v5-global--Color--200: var(--grades-muted);
    --pf-v5-global--BorderColor--100: var(--grades-border);
    --pf-v5-global--BackgroundColor--100: #fff;
    --pf-v5-global--link--Color: var(--grades-blue);
    --pf-v5-global--link--Color--hover: var(--grades-navy);
    --pf-v5-global--icon--Color--light: var(--grades-muted);
    --pf-v5-global--icon--Color--dark: var(--grades-navy);
}

body[data-page-id="admin"] .pf-v5-c-masthead {
    --pf-v5-c-masthead--BackgroundColor: #fff;
    --pf-v5-c-masthead__main--before--BorderBottomColor: var(--grades-border);
    --pf-v5-c-masthead--item-border-color--base: var(--grades-border);
    border-bottom: 3px solid var(--grades-orange);
}

body[data-page-id="admin"] .pf-v5-c-masthead .pf-v5-c-button {
    --pf-v5-c-button--m-primary--BackgroundColor: var(--grades-blue);
}

body[data-page-id="admin"] .keycloak__pageheader_brand {
    height: 48px;
    width: 180px;
    object-fit: contain;
}

body[data-page-id="admin"] .pf-v5-c-page__sidebar {
    --pf-v5-c-page__sidebar--BackgroundColor: #fff;
    color: var(--grades-navy);
    border-right: 1px solid var(--grades-border);
}

body[data-page-id="admin"] .pf-v5-c-page__sidebar .pf-v5-c-nav {
    --pf-v5-c-nav__link--Color: var(--grades-navy);
    --pf-v5-c-nav__link--hover--Color: var(--grades-navy);
    --pf-v5-c-nav__link--focus--Color: var(--grades-navy);
    --pf-v5-c-nav__link--active--Color: var(--grades-navy);
    --pf-v5-c-nav__link--m-current--Color: var(--grades-navy);
    --pf-v5-c-nav__link--hover--BackgroundColor: var(--grades-surface);
    --pf-v5-c-nav__link--focus--BackgroundColor: var(--grades-active);
    --pf-v5-c-nav__link--active--BackgroundColor: var(--grades-active);
    --pf-v5-c-nav__link--m-current--BackgroundColor: var(--grades-active);
    --pf-v5-c-nav__item--m-current--not--m-expanded__link--BackgroundColor: var(--grades-active);
    --pf-v5-c-nav__item--before--BorderColor: var(--grades-border);
    --pf-v5-c-nav__link--before--BorderColor: var(--grades-border);
    --pf-v5-c-nav__link--after--BorderColor: var(--grades-blue);
    --pf-v5-c-nav__link--hover--after--BorderColor: var(--grades-blue);
    --pf-v5-c-nav__link--focus--after--BorderColor: var(--grades-blue);
    --pf-v5-c-nav__link--active--after--BorderColor: var(--grades-blue);
    --pf-v5-c-nav__link--m-current--after--BorderColor: var(--grades-orange);
    --pf-v5-c-nav__section-title--Color: var(--grades-muted);
    --pf-v5-c-nav__section-title--BorderBottomColor: var(--grades-border);
}

@media (max-width: 767px) {
    body[data-page-id="admin"] .keycloak__pageheader_brand {
        height: 40px;
        width: 150px;
    }
}