img.keycloak__pageheader_brand {
    height: 24px;
}

.pf-v5-svg {
    vertical-align: -.125em;
    width: 0.7em;
    height: 0.7em;
}

#nav-toggle{
    padding: 7px;
    line-height: 0.5;
    border: solid 1px #3a3a3a;
    border-radius: 4px;
}

:root {
  /* Primary Brand Color */
  --pf-global--primary-color--100: #915EFE;
  --pf-global--primary-color--200: #7a4fec; /* Darker shade for hover/active states */

  /* Secondary/Accent Color */
  --pf-global--secondary-color--100: #3778F0;
  --pf-global--secondary-color--200: #2f63cc; /* Darker shade for hover/active states */

  /* Link Colors */
  --pf-global--link--Color: #915EFE;
  --pf-global--link--Color--hover: #7a4fec;

  /* Button Colors */
  --pf-v5-c-button--m-primary--BackgroundColor: #915EFE;
  --pf-v5-c-button--m-primary--hover--BackgroundColor: #7a4fec;
  --pf-v5-c-button--m-secondary--BackgroundColor: #3778F0;
  --pf-v5-c-button--m-secondary--hover--BackgroundColor: #2f63cc;

  /* Other Base Colors (Defaults) */
  --pf-global--BackgroundColor--100: #ffffff;
  --pf-global--Color--100: #151515;
  --pf-global--BorderColor--100: #d2d2d2;
}

/*
 * Custom Button Overrides
 */
.pf-v5-c-button {
  /* Make all buttons have a fully rounded border */
  --pf-v5-c-button--BorderRadius: 999px;

  /* Make the primary button's text bold */
  --pf-v5-c-button--m-primary--FontWeight: var(--pf-v5-global--FontWeight--bold);

  /* --- Secondary Button Customization --- */

  /* Change the secondary button's text color */
  --pf-v5-c-button--m-secondary--Color: var(--pf-global--secondary-color--100);

  /* Change the secondary button's border color */
  --pf-v5-c-button--m-secondary--after--BorderColor: var(--pf-global--secondary-color--100);

  /* Change the secondary button's hover/focus states to match */
  --pf-v5-c-button--m-secondary--hover--Color: var(--pf-global--secondary-color--200);
  --pf-v5-c-button--m-secondary--hover--after--BorderColor: var(--pf-global--secondary-color--200);
  --pf-v5-c-button--m-secondary--focus--Color: var(--pf-global--secondary-color--200);
  --pf-v5-c-button--m-secondary--focus--after--BorderColor: var(--pf-global--secondary-color--200);
  --pf-v5-c-button--m-secondary--active--Color: var(--pf-global--secondary-color--200);
  --pf-v5-c-button--m-secondary--active--after--BorderColor: var(--pf-global--secondary-color--200);
}