:root {
  --primary-color: #26a737;
  --primary-color-light: #5db12f;
  --primary-color-dark: #1e882c;
  --on-primary-color: #ffffff;
  --secondary-color-light: #fccf05;
  --secondary-color: #f59c00;
  --secondary-color-dark: #e94f0e;
  --on-secondary-color: #ffffff;

  --pf-v5-global--active-color--100: var(--primary-color-light);
  --pf-v5-global--active-color--300: var(--primary-color);

  --pf-v5-global--primary-color--100: var(--primary-color-light);
  --pf-v5-global--primary-color--200: var(--primary-color-dark);
  --pf-v5-global--primary-color--300: var(--primary-color);

  --pf-v5-global--primary-color--light-100: var(--primary-color-light);
  --pf-v5-global--primary-color--dark-100: var(--primary-color-light);

  --pf-v5-global--link--Color: var(--primary-color);
  --pf-v5-global--link--Color--hover: var(--primary-color-light);
  --pf-v5-global--link--Color--light: var(--primary-color);
  --pf-v5-global--link--Color--light--hover: var(--primary-color-light);
  --pf-v5-global--link--Color--dark: var(--primary-color);
  --pf-v5-global--link--Color--dark--hover: var(--primary-color-light);
}

.login-pf body {
  background: url("../img/background-2023.svg") center bottom no-repeat,
    url("../img/background-left-2023.svg") left top no-repeat,
    url("../img/background.jpg") left top repeat;
  background-size: contain, cover;
}

#kc-header-wrapper {
  color: #494949 !important;
}


.pf-v5-c-login__main-footer-links {
  display: block;
}

.pf-v5-c-login__main-footer-links-item-link {
  display: block;
  text-decoration: none;
  text-align: center;
  transition: transform 0.3s ease, background-color 0.3s ease;
}

.pf-v5-c-login__main-footer-links-item-link:hover {
  transform: scale(1.02);
}