:root {
  --quickstart-primary-color-light: #e7272c;
  --quickstart-primary-color-dark: #e7272c;
  --quickstart-primary-color: var(--quickstart-primary-color-light);
  --quickstart-secondary-color-light: #c42222;
  --quickstart-secondary-color-dark: #c42222;
  --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: 63px;
  --quickstart-logo-width: 300px;
  --quickstart-text-primary-light: #1a1a2e;
  --quickstart-text-primary-dark: #e8eaed;
  --quickstart-text-secondary-light: #374151;
  --quickstart-text-secondary-dark: #cbd5e1;
  --quickstart-bg-color-light: #ece8e8;
  --quickstart-bg-color-dark: #26292d;
  --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);
}

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-image: var(--quickstart-bg-image);
  background-color: var(--quickstart-bg-color);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}