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

:root {
  --pf-v5-global--FontFamily--sans-serif: "Inter", Arial, sans-serif;
  --pf-v5-global--primary-color--100: #f5c70a;
  --pf-v5-global--primary-color--200: #d8ad00;
  --pf-v5-global--link--Color: #2666b2;
  --pf-v5-global--link--Color--hover: #1f518e;
  --pf-v5-global--BackgroundColor--100: #ffffff;
  --pf-v5-global--BackgroundColor--200: #f7f7f7;
  --pf-v5-global--Color--100: #1a1a1a;
  --pf-v5-global--Color--200: #66666b;
  --pf-v5-global--BorderColor--100: #d9d9de;
  --pf-v5-global--danger-color--100: #d94d33;
  --pf-v5-global--success-color--100: #4dbf59;
  --pf-v5-global--warning-color--100: #f29926;
  font-family: "Inter", Arial, sans-serif;
}

.pf-v5-c-masthead {
  --pf-v5-c-masthead--BackgroundColor: #ffffff;
  border-bottom: 1px solid #d9d9de;
}

.keycloak__pageheader_brand {
  width: auto;
  height: 32px;
}

.pf-v5-c-page__sidebar,
.pf-v5-c-page__main-section {
  border-color: #d9d9de;
}

.pf-v5-c-card,
.pf-v5-c-modal-box,
.pf-v5-c-form-control,
.pf-v5-c-button {
  border-radius: 8px;
}

.pf-v5-c-button.pf-m-primary {
  --pf-v5-c-button--m-primary--BackgroundColor: #f5c70a;
  --pf-v5-c-button--m-primary--Color: #1a1a1a;
  --pf-v5-c-button--m-primary--hover--BackgroundColor: #d8ad00;
  --pf-v5-c-button--m-primary--hover--Color: #1a1a1a;
  font-weight: 600;
}

@media (prefers-color-scheme: dark) {
  :root {
    --pf-v5-global--BackgroundColor--100: #2e2e2e;
    --pf-v5-global--BackgroundColor--200: #1a1a1a;
    --pf-v5-global--Color--100: #ffffff;
    --pf-v5-global--Color--200: #a6a6a6;
    --pf-v5-global--BorderColor--100: #404040;
  }

  .pf-v5-c-masthead {
    --pf-v5-c-masthead--BackgroundColor: #1a1a1a;
    border-bottom-color: #404040;
  }

  .keycloak__pageheader_brand {
    content: url("../img/logo-dark.svg");
  }
}