@font-face {
  font-family: "Lynestone";
  src: url("../fonts/lynstoneregular.otf") format("opentype");
}

:root {
  /* Font settings */
  --pf-v5-global--FontWeight--normal: 100;
  --pf-v5-global--FontWeight--bold: 400;
  --pf-v5-global--FontFamily--heading:
    "Lynestone", "RedHatDisplay", helvetica, arial, sans-serif;
  --pf-v5-global--FontFamily--text:
    "Lynestone", "RedHatText", helvetica, arial, sans-serif;

  /* Colors */
  --oda-green: #a1c63d;
  --oda-yellow: #ffef3f;
  --oda-blue: #00b2e0;
  --oda-purple: #a2378c;
  --oda-black: #000000;
  --oda-gray: #f0f0f0;
  --oda-gray-dark: #7c7c7c;

  --pf-v5-global--BackgroundColor--dark-100: var(--oda-gray-dark);
  --pf-v5-global--BackgroundColor--dark-200: var(--oda-gray-dark);
  --pf-v5-global--BackgroundColor--dark-300: var(--oda-gray-dark);
  --pf-v5-global--BackgroundColor--dark-400: var(--oda-gray-dark);
  --pf-v5-c-page--BackgroundColor: var(--oda-gray);
  --pf-v5-global--link--Color: var(--oda-gray-dark);
  --pf-v5-global--link--Color--hover: var(--oda-green);
  --pf-v5-global--primary-color--dark-100: var(--oda-gray-dark);
  --pf-v5-global--primary-color--100: var(--oda-gray-dark);
  --pf-v5-global--primary-color--200: var(--oda-green);
  --pf-v5-global--active-color--100: var(--oda-gray-dark);
  --pf-v5-global--active-color--200: var(--oda-gray-dark);
  --pf-v5-global--active-color--300: var(--oda-gray-dark);
  --pf-v5-global--active-color--400: var(--oda-gray-dark);
  --pf-v5-global--Color--light-100: var(--oda-gray);
  --pf-v5-c-page__sidebar--BackgroundColor: var(--oda-gray);
  --pf-v5-c-page__header--BackgroundColor: var(--oda-gray-dark);
}

.pf-v5-c-page {
  .pf-v5-c-page__main {
    width: min(700px, 100%);
    justify-self: center;

    > section:nth-of-type(2) > section:first-of-type {
      > ul > li > div > div > div:first-of-type {
        display: none; /* Hide "My Password" text */
      }
    }

    #basic-authentication-categ-title {
      display: none;
    }
  }
}

.pf-v5-c-button {
  &.pf-m-primary {
    --pf-v5-c-button--m-primary--BackgroundColor: var(--oda-gray-dark) !important;
    --pf-v5-c-button--m-primary--Color: white !important;

    &:hover {
      --pf-v5-c-button--m-primary--BackgroundColor: var(--oda-green) !important;
      --pf-v5-c-button--m-primary--Color: white !important;
    }
  }

  &.pf-m-secondary {
    --pf-v5-c-button--m-secondary--BackgroundColor: var(--oda-gray-dark) !important;
    --pf-v5-c-button--m-secondary--Color: white !important;
    --pf-v5-c-button--after--BorderColor: var(--oda-gray-dark) !important;

    &:hover {
      --pf-v5-c-button--m-secondary--BackgroundColor: var(--oda-green) !important;
      --pf-v5-c-button--m-secondary--Color: white !important;
      --pf-v5-c-button--after--BorderColor: var(--oda-green) !important;
    }
  }
}

.pf-v5-c-nav__link {
  --pf-v5-c-nav__link--BackgroundColor: var(--oda-gray) !important;
  --pf-v5-c-nav__link--Color: black !important;
  --pf-v5-c-nav__link--hover--BackgroundColor: var(--oda-green) !important;
  --pf-v5-c-nav__link--hover--Color: white !important;
  --pf-v5-c-nav__link--m-current--BackgroundColor: var(--oda-gray-dark) !important;
  --pf-v5-c-nav__link--m-current--Color: white !important;
}

#page-sidebar {
  display: none;
}

.pf-v5-c-masthead__toggle {
  display: none;
}