:root {
    --ucab-logo-url: url('../img/ucab-logo.1.svg');
    --ucab-body-bg-color: #ffffff;
}

@media (prefers-color-scheme: dark) {
    :root {
        --ucab-logo-url: url('../img/ucab-logo-2.svg');
        --ucab-body-bg-color: #121212;
    }
}

body {
    background-image: none;
    background-color: var(--ucab-body-bg-color);
}

.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 {
    display: block;
    margin: 0 auto;
    width: 400px;
    height: auto;
    content: var(--ucab-logo-url);
}