:root {
    --quickstart-primary-color-light: #cb2327;
    --quickstart-primary-color-dark: #cb2327;
    --quickstart-primary-color: var(--quickstart-primary-color-light);
    --quickstart-secondary-color-light: #cb2327;
    --quickstart-secondary-color-dark: #cb2327;
    --quickstart-secondary-color: var(--quickstart-secondary-color-light);
    --quickstart-font-family: 'BarlowSemiCondensed Regular', sans-serif;
    --quickstart-heading-font-family: inherit;
    --quickstart-logo-url: none;
    --quickstart-bg-logo-url: none;
    --quickstart-logo-height: 70px;
    --quickstart-logo-width: 300px;
    --quickstart-text-primary-light: #000000;
    --quickstart-text-primary-dark: #e8eaed;
    --quickstart-text-secondary-light: #374151;
    --quickstart-text-secondary-dark: #cbd5e1;
    --quickstart-bg-color-light: #F5F5F5;
    --quickstart-bg-color-dark: #F5F5F5;
    --quickstart-bg-color: var(--quickstart-bg-color-light);
    --quickstart-bg-image: var(--uploaded-bg-bg-login);
    --quickstart-border-radius: 8px;
    --quickstart-card-shadow: 0 2px 8px rgba(0, 0, 0, 0.10);
    --quickstart-button-height: 46.5px;
    --quickstart-logn-width: 28.5em;

}

html.pf-v5-theme-dark,
html.kcDarkModeClass {
    --quickstart-primary-color: var(--quickstart-primary-color-dark);
    --quickstart-secondary-color: var(--quickstart-secondary-color-dark);
    --quickstart-bg-color: var(--quickstart-bg-color-dark);
}

body,
body#keycloak-bg {
    margin: 0;
    background-color: var(--quickstart-bg-color);
}

.kcLogin,
.kcLoginClass {
    box-sizing: border-box;
    background-color: var(--quickstart-bg-color) !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}