:root {
  --keycloak-bg-logo-url: url("../img/background.jpg");
  --keycloak-logo-url: url("../img/logo.png");
  --keycloak-card-top-color: #8FC7E8;

  --pf-v5-global--primary-color--100: #8FC7E8;
  --pf-v5-global--primary-color--200: #74B6DE;
  --pf-v5-global--primary-color--300: #5BA9D8;

  --pf-v5-global--link--Color: #8FC7E8;
  --pf-v5-global--link--Color--hover: #74B6DE;

  --pf-v5-global--active-color--100: #8FC7E8;
  --pf-v5-global--active-color--200: #74B6DE;
  --pf-v5-global--active-color--300: #5BA9D8;

  --pf-v5-global--palette--blue-50: #eef8fd;
  --pf-v5-global--palette--blue-100: #d7eef9;
  --pf-v5-global--palette--blue-200: #b8e0f2;
  --pf-v5-global--palette--blue-300: #8FC7E8;
  --pf-v5-global--palette--blue-400: #74B6DE;
  --pf-v5-global--palette--blue-500: #5BA9D8;
  --pf-v5-global--palette--blue-600: #429CCC;
}

#kc-header-wrapper {
  min-height: 50px;
  font-size: 0 !important;
  text-indent: -9999px;
  background: url("../img/logo.png") no-repeat center center !important;
  background-size: contain !important;
}

.login-pf body {
    background:
        linear-gradient(
            rgba(22, 46, 59, 0.92),
            rgba(22, 46, 59, 0.94)
        ),
        var(--keycloak-bg-logo-url);

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}