:root {
    --pf-v5-global--BackgroundColor--dark-100: #FCFCFD;
    --so-logo: url("../logo-light.svg");
}
:where(.pf-v5-theme-dark):root{
    --pf-v5-global--BackgroundColor--dark-100: #36373A;
    --so-logo: url("../logo-dark.svg");
}


.pf-v5-c-login__container {
  /* Change the grid layout so that the header is always above the main area. */
  grid-template-areas: "header" "main";
  --pf-v5-c-login__container--xl--GridTemplateColumns: minmax(auto, 34rem);
}

.kc-brand {
    height: 63px;
    width: 300px;
    display: block;
    margin: 0 auto;
    background: var(--so-logo) no-repeat;
    background-size: contain;
}