:root {
  /*--keycloak-bg-logo-url: url('../img/bgimage.png');*/
  /*--keycloak-logo-url: url('../img/logo.svg');*/
  /*--keycloak-logo-height: 63px;*/
  /*--keycloak-logo-width: 300px;*/

  /* Light theme variables (default) */
  --pf-v5-global--danger-color--100: #c9190b;
  --pf-v5-global--success-color--100: #3e8635;

  --pf-v5-global--active-color--100: #6B5488;
  --pf-v5-global--active-color--100: #6B5488;
  --pf-v5-global--active-color--200: #6B5488;
  --pf-v5-global--active-color--300: #6B5488;
  --pf-v5-global--active-color--400: #6B5488;

  --pf-v5-global--primary-color--100: #6B5488;
  --pf-v5-global--link--Color: #6B5488;
  --pf-v5-global--link--Color--hover: #412A60;
  --pf-v5-global--BackgroundColor--light-100: #ffffff;
  --pf-v5-global--BackgroundColor--dark-300: #412A60;
  --pf-v5-global--BackgroundColor--dark-200: #1D0E31;
  --pf-v5-global--BackgroundColor--dark-400:#1D0E31;
  --pf-v5-global--BackgroundColor--dark-100: #1D0E31;
  --pf-v5-global--Color--100: #1D0E31;
  --pf-v5-global--Color--light-100: #ffffff;
  --pf-v5-global--Color--dark-100: #1D0E31;

}

/* Dark theme - automatically applied based on browser/OS preference */
@media (prefers-color-scheme: dark) {
  .pf-v5-theme-dark,
  :root {
    --pf-v5-global--FontFamily--text: "RedHatText", helvetica, arial, sans-serif;
    --pf-v5-global--danger-color--100: #fe5142;
    --pf-v5-global--success-color--100: #5ba352;
    --pf-v5-global--active-color--100: #B66FE3;
    --pf-v5-global--primary-color--300: #7555C0;
    --pf-v5-global--primary-color--200: #B66FE3;
    --pf-v5-global--primary-color--100: #7555C0;
    --pf-v5-global--link--Color: #7555C0;
    --pf-v5-global--link--Color--hover: #B66FE3;
    --pf-v5-global--BackgroundColor--light-100: #1D0E31;
    --pf-v5-global--BackgroundColor--300: #272245;
    --pf-v5-global--BackgroundColor--100: #1D0E31;
    --pf-v5-global--palette--black-1000: #412A60;
    --pf-v5-global--Color--light-200: #ffffff;
    --pf-v5-global--Color--100: #ffffff;
    --pf-v5-global--Color--light-100: #ffffff;
    --pf-v5-global--BackgroundColor--400: #1D0E31;
    --pf-v5-global--Color--dark-100: #ffffff;
  }
}

/* Explicit dark theme class support (fallback) */
.pf-v5-theme-dark {
  --pf-v5-global--FontFamily--text: "RedHatText", helvetica, arial, sans-serif;
  --pf-v5-global--danger-color--100: #fe5142;
  --pf-v5-global--success-color--100: #5ba352;
  --pf-v5-global--active-color--100: #B66FE3;
  --pf-v5-global--primary-color--300: #7555C0;
  --pf-v5-global--primary-color--200: #B66FE3;
  --pf-v5-global--primary-color--100: #7555C0;
  --pf-v5-global--link--Color: #7555C0;
  --pf-v5-global--link--Color--hover: #B66FE3;
  --pf-v5-global--BackgroundColor--light-100: #1D0E31;
  --pf-v5-global--BackgroundColor--300: #272245;
  --pf-v5-global--BackgroundColor--100: #1D0E31;
  --pf-v5-global--palette--black-1000: #412A60;
  --pf-v5-global--Color--light-200: #ffffff;
  --pf-v5-global--Color--100: #ffffff;
  --pf-v5-global--Color--light-100: #ffffff;
  --pf-v5-global--BackgroundColor--400: #1D0E31;
  --pf-v5-global--Color--dark-100: #ffffff;
}