/* eqwer skin for Keycloak Admin Console / Account Console (PatternFly v5 token overrides) */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

:root,
.pf-v5-theme-dark {
  --pf-v5-global--BackgroundColor--100: #111111 !important;
  --pf-v5-global--BackgroundColor--150: #141414 !important;
  --pf-v5-global--BackgroundColor--200: #181818 !important;
  --pf-v5-global--BackgroundColor--300: #101010 !important;
  --pf-v5-global--BackgroundColor--400: #0c0c0c !important;

  --pf-v5-global--BackgroundColor--light-100: #181818 !important;
  --pf-v5-global--BackgroundColor--light-200: #141414 !important;
  --pf-v5-global--BackgroundColor--light-300: #111111 !important;

  --pf-v5-global--BackgroundColor--dark-100: #101010 !important;
  --pf-v5-global--BackgroundColor--dark-200: #0c0c0c !important;
  --pf-v5-global--BackgroundColor--dark-300: #0a0a0a !important;
  --pf-v5-global--BackgroundColor--dark-400: #080808 !important;
  --pf-v5-global--BackgroundColor--dark-transparent-100: rgba(0, 0, 0, .5) !important;
  --pf-v5-global--BackgroundColor--dark-transparent-200: rgba(0, 0, 0, .7) !important;

  --pf-v5-global--Color--100: #f5f5f5 !important;
  --pf-v5-global--Color--200: #c4c4c4 !important;
  --pf-v5-global--Color--300: #8e8e8e !important;
  --pf-v5-global--Color--400: #8e8e8e !important;
  --pf-v5-global--Color--light-100: #f5f5f5 !important;
  --pf-v5-global--Color--light-200: #c4c4c4 !important;
  --pf-v5-global--Color--dark-100: #f5f5f5 !important;
  --pf-v5-global--Color--dark-200: #c4c4c4 !important;

  --pf-v5-global--BorderColor--100: #2c2c2c !important;
  --pf-v5-global--BorderColor--200: #2c2c2c !important;
  --pf-v5-global--BorderColor--300: #3f3f3f !important;
  --pf-v5-global--BorderColor--400: #3f3f3f !important;
  --pf-v5-global--BorderColor--dark-100: #2c2c2c !important;
  --pf-v5-global--BorderColor--light-100: #2c2c2c !important;

  --pf-v5-global--primary-color--100: #6ee7b7 !important;
  --pf-v5-global--primary-color--200: #6ee7b7 !important;
  --pf-v5-global--primary-color--300: #55c99a !important;
  --pf-v5-global--primary-color--400: #55c99a !important;
  --pf-v5-global--primary-color--light-100: rgba(110, 231, 183, .15) !important;
  --pf-v5-global--primary-color--dark-100: #55c99a !important;

  --pf-v5-global--active-color--100: #6ee7b7 !important;
  --pf-v5-global--active-color--200: #6ee7b7 !important;
  --pf-v5-global--active-color--300: #55c99a !important;
  --pf-v5-global--active-color--400: #55c99a !important;

  --pf-v5-global--link--Color: #6ee7b7 !important;
  --pf-v5-global--link--Color--hover: #8ff0c5 !important;
  --pf-v5-global--link--Color--dark: #6ee7b7 !important;
  --pf-v5-global--link--Color--dark--hover: #8ff0c5 !important;
  --pf-v5-global--link--Color--light: #6ee7b7 !important;
  --pf-v5-global--link--Color--light--hover: #8ff0c5 !important;

  --pf-v5-global--BorderRadius--sm: 0 !important;
  --pf-v5-global--BorderRadius--lg: 0 !important;

  --pf-v5-global--FontFamily--text: 'Montserrat', 'Segoe UI', Helvetica, Arial, sans-serif !important;
  --pf-v5-global--FontFamily--text--vf: 'Montserrat', 'Segoe UI', Helvetica, Arial, sans-serif !important;
  --pf-v5-global--FontFamily--heading: 'Montserrat', 'Segoe UI', Helvetica, Arial, sans-serif !important;
  --pf-v5-global--FontFamily--heading--vf: 'Montserrat', 'Segoe UI', Helvetica, Arial, sans-serif !important;
}

html, body, #app, #root {
  background-color: #111111 !important;
}

/* Mint fill buttons need dark text, not light — PatternFly assumes a saturated
   blue primary color where light text works, ours is a light mint. */
.pf-v5-c-button.pf-m-primary,
.pf-v5-c-button.pf-m-primary:hover,
.pf-v5-c-button.pf-m-primary:focus,
.pf-v5-c-button.pf-m-primary:active,
.pf-v5-c-button.pf-m-primary.pf-m-active {
  color: #0b0b0b !important;
}

::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: #111111; }
::-webkit-scrollbar-thumb { background: #3f3f3f; border-radius: 0; }
::-webkit-scrollbar-thumb:hover { background: #6ee7b7; }