@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap");

:root {
  --clicks-teal: #3aafa9;
  --clicks-teal-dark: #2b9a94;
  --clicks-teal-light: #e6f6f5;
  --clicks-font: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  --pf-v5-global--primary-color--100: var(--clicks-teal);
  --pf-v5-global--primary-color--200: var(--clicks-teal-dark);
  --pf-v5-global--primary-color--light-100: var(--clicks-teal-light);
  --pf-v5-global--active-color--100: var(--clicks-teal);
  --pf-v5-global--link--Color: var(--clicks-teal);
  --pf-v5-global--link--Color--hover: var(--clicks-teal-dark);

  --pf-v5-global--FontFamily-base: var(--clicks-font);
  --pf-v5-global--FontFamily-text: var(--clicks-font);
  --pf-v5-global--FontFamily-text--sans-serif: var(--clicks-font);
  --pf-v5-global--FontFamily-sans-serif: var(--clicks-font);
  --pf-v5-global--FontFamily-heading--sans-serif: var(--clicks-font);
}

body,
html,
.pf-v5-c-page,
.pf-v5-c-page__main {
  font-family: var(--clicks-font);
}

.pf-v5-c-masthead__brand img,
.pf-c-brand,
.pf-v5-c-brand {
  content: url('../img/clicks-logo.svg');
  max-height: 32px;
  width: auto;
}

img[alt="Keycloak"],
img[alt="keycloak"] {
  content: url('../img/clicks-logo.svg');
  max-height: 32px;
  width: auto;
}

.pf-v5-c-login__main-header-desc,
.pf-c-login__main-header-desc {
  color: #6b7280;
}

.pf-v5-c-button.pf-m-primary,
.pf-c-button.pf-m-primary {
  background-color: var(--clicks-teal);
  border-color: var(--clicks-teal);
}

.pf-v5-c-button.pf-m-primary:hover,
.pf-c-button.pf-m-primary:hover {
  background-color: var(--clicks-teal-dark);
  border-color: var(--clicks-teal-dark);
}