body[data-portal-instance="lumley"] {
    --portal-brandheader-background-color: var(--teal);
    --portal-brandheader-strong-background-color: var(--teal-darken-1);
    --portal-brandheader-strong-hover-background-color: var(--teal-darken-2);
    --portal-brandheader-content-color: var(--spritz);
    --portal-brandheader-content-muted-color: var(--spritz-fade-60);
    --portal-accounthandlertile-content-color: var(--spritz);
    --portal-welcomecard-background-color: var(--spritz);
    --portal-welcomecard-color: var(--teal);
    --portal-sectionedge-border-color: var(--oak);
    --portal-sectionedge-hover-border-color: var(--oak-lighten-2);
    --portal-sectiondivider-border-color: var(--oak-fade-25);
    --portal-listitem-border-color: var(--oak-lighten-2);
    --portal-heading-lightbackground-color: var(--gold);
    --portal-subheading-lightbackground-color: var(--gold);
    --portal-lightpanel-backgroundborder-color: var(--oak-fade-18);
    --portal-emptymessage-backgroundborder-color: var(--oak-fade-18);
    --portal-emptymessage-color: var(--oak-darken-2);
    --portal-chalk-background: var(--chalk);
    --portal-chalk-background-fade-0: var(--chalk-fade-0);
    --portal-dashboard-intro-stroke-color: var(--oak);
    --portal-selection-background-color: var(--gold);
    --portal-selection-color: var(--portal-surface);
    --portal-policypreview-logo-color: var(--oak);
    --portal-documents-row-hover-background-color: var(--oak-fade-8);
    --portal-authheader-content-color: var(--oak);
    --portal-authheader-content-muted-color: var(--oak-fade-50);
    --portal-authheader-edge-color: var(--oak);
    --portal-authheader-edge-hover-color: var(--oak-lighten-2);
    --portal-panelborder-color: var(--oak);
    --portal-panelbordersoft-color: var(--oak-fade-75);
    --portal-panelborder-hover-color: var(--oak);
    --portal-authaccent-color: var(--teal);
    --portal-authaccent-hover-color: var(--teal-darken-1);
    --portal-authspinner-color: var(--teal);
    --portal-burgermenu-background-color: var(--spritz);
    --portal-burgermenu-text-color: var(--teal);
    --portal-burgermenu-text-hover-color: var(--teal-darken-1);
    --portal-burgermenu-overlay-color: var(--teal-fade-35);
    --portal-burgermenu-light-overlay-color: var(--spritz-darken-fade-50);
    --portal-burgermenu-toggle-open-color: var(--spritz-darken-3);
    --portal-footer-content-color: var(--ink);
    --portal-footer-logo-color: var(--oak);
    --portal-mydetails-confirmation-circle-color: var(--oak-fade-50);
    --portal-mydetails-confirmation-icon-color: var(--teal);
    --portal-dashboard-mobile-welcome-color: var(--oak);
    --portal-dashboard-mobile-muted-color: var(--ink-fade-60);
    --portal-dashboard-mobile-button-edge-color: var(--ink-fade-30);
    --portal-usage-metric-color: var(--teal);
    --portal-usage-metric-zero-color: var(--teal-fade-15);
    --portal-usage-chart-baseline-color: var(--oak-fade-25);
    --portal-usage-chart-focus-outline-color: var(--spritz);
    --portal-usage-chart-bar-color: var(--spritz);
    --portal-usage-chart-bar-hover-color: var(--spritz);
    --portal-usage-chart-bar-zero-color: var(--oak-fade-25);
    --portal-usage-table-divider-color: var(--oak-fade-25);
    --portal-usage-action-color: var(--teal);
    --portal-usage-action-hover-color: var(--teal-darken-1);
    --portal-debugsessionaccount-emphasis-background-color: var(--portal-surface-strong);
    --portal-welcomecard-button-edge-color: var(--teal);
    --portal-welcomecard-button-edge-hover-color: var(--teal-darken-1);
    --portal-welcomecard-button-text-color: var(--teal);
    --portal-welcomecard-button-text-hover-color: var(--teal-darken-1);
    --portal-companionbutton-edge-color: var(--gold);
    --portal-companionbutton-edge-hover-color: var(--gold-darken-2);
    --portal-companionbutton-text-color: var(--teal);
    --portal-companionbutton-text-hover-color: var(--teal-darken-1);
}

body[data-portal-instance="lumley"] .portal-logo {
    display: block;
    background-color: var(--portal-logo-color, currentColor);
    -webkit-mask-image: url("/assets/instances/lumley/images/logo-oak.svg");
    mask-image: url("/assets/instances/lumley/images/logo-oak.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

body[data-portal-instance="lumley"] .header__logo {
    color: var(--oak);
    padding: 0.85rem 0.75rem 0.55rem 0.75rem;
    margin: -0.85rem -0.75rem -0.55rem -0.75rem;
    border-radius: var(--border-radius);
}

body[data-portal-instance="lumley"] .header--chalk .header__logo {
    color: var(--teal);
}

body[data-portal-instance="lumley"] .header__logo:focus {
    outline: none;
}

body[data-portal-instance="lumley"] .header__logo:focus-visible {
    background-color: var(--oak-fade-20);
    outline: none;
}

body[data-portal-instance="lumley"] .header__logo:hover {
    color: var(--oak-lighten-2);
}

body[data-portal-instance="lumley"] .header--chalk .header__logo:hover {
    color: var(--teal-lighten-2);
}

body[data-portal-instance="lumley"] .header--chalk .header__logo:focus-visible {
    background-color: var(--teal-fade-20);
    outline: none;
}

body[data-portal-instance="lumley"] .header__logoimg.portal-logo {
    width: 7.375rem;
    @media (max-width: 45rem) {
        width: 6.5rem;
    }
}

body[data-portal-instance="lumley"] .footerlogo.portal-logo {
    --portal-logo-color: var(--portal-footer-logo-color);
}

body[data-portal-instance="lumley"] .mock-page__logo.portal-logo {
    aspect-ratio: 118 / 38;
    color: var(--oak);
}