:root {
  --pf-v5-global--primary-color--100: #89CF44;  /* Main Green (Primary) */
--pf-v5-global--primary-color--200: #7DB83D;  /* Slightly Darker */
--pf-v5-global--primary-color--300: #6EA033;  /* Hover State */
--pf-v5-global--primary-color--400: #5D8A2A;  /* Active State */
--pf-v5-global--primary-color--500: #4C7320;  /* Deepest Green */
  --pf-v5-c-button--m-primary--Color: #1b1d22;
 --pf-v5-global--active-color--100 : var(--pf-v5-global--primary-color--100);
  --pf-v5-global--active-color--200 : var(--pf-v5-global--primary-color--200);
  --pf-v5-global--active-color--300 : var(--pf-v5-global--primary-color--300);
  --pf-v5-global--active-color--400 : var(--pf-v5-global--primary-color--400);
  --pf-v5-global--active-color--500 : var(--pf-v5-global--primary-color--500);
  --pf-v5-global--link--Color: var(--pf-v5-global--primary-color--100);
  --pf-v5-global--link--Color--hover: var(--pf-v5-global--primary-color--200);
  --pf-v5-c-button--m-link--Color: var(--pf-v5-global--primary-color--100);
  --pf-v5-c-button--m-link--Color--hover: var(--pf-v5-global--primary-color--200);
  --pf-v5-c-button--m-secondary--Color: var(--pf-v5-global--primary-color--100);
  --pf-v5-c-button--m-secondary--after--BorderColor: var(--pf-v5-global--primary-color--100);
  --pf-v5-c-label__content--Color: var(--pf-v5-global--primary-color--100);
  --pf-v5-c-label__content--Color: var(--pf-v5-global--primary-color--100);
  --pf-v5-global--primary-color--light-100: var(--pf-v5-global--primary-color--100);
  --pf-v5-global--primary-color--dark-100: var(--pf-v5-global--primary-color--100);
  --pf-v5-global--link--Color--light: var(--pf-v5-global--primary-color--100);
  --pf-v5-global--link--Color--light--hover: var(--pf-v5-global--primary-color--200);
  --pf-v5-global--link--Color--dark: var(--pf-v5-global--primary-color--100);
  --pf-v5-global--link--Color--dark--hover: var(--pf-v5-global--primary-color--200);
}
:where(.pf-v5-theme-dark) {
  --pf-v5-global--primary-color--100: #89cf44;  
  --pf-v5-global--primary-color--200: #7DB83D;  
  --pf-v5-global--primary-color--300: #6EA033;  
  --pf-v5-global--primary-color--400: #5D8A2A;  
  --pf-v5-global--primary-color--500: #4C7320;  
}
:where(.pf-v5-theme-dark) .pf-v5-c-button {
  --pf-v5-c-button--m-primary--Color: #1b1d22;
  --pf-v5-c-button--m-primary--Color--hover: #1b1d22;

  --pf-v5-c-button--m-secondary--Color: var(--pf-v5-global--primary-color--100);
  --pf-v5-c-button--m-secondary--after--BorderColor: var(--pf-v5-global--primary-color--100);
}
.pf-v5-c-button.pf-m-link {
  color: var(--pf-v5-global--primary-color--100);
}
body{
  color:rgb(158, 158, 158);
}
.pf-v5-c-button{
  border-radius:12px;
}

/* Text input Styling */
/* Minimalist Input Field */
.pf-v5-c-form-control{
  background: unset;
}
.pf-v5-c-form-control input {
  appearance: none; /* Remove default browser styles */
  background-color:#454347;
  border: none;
  border-radius: 8px; 
  font-size: 16px;
  font-weight: 400;
  color: rgba(255,255,255,0.8); /* White text */
  padding: 10px 16px;
  width: 100%; /* Full width */
}
.pf-v5-c-form-control:before {
  all:unset;
}
.pf-v5-c-form-control:after {
  all:unset;
}

/* Remove Inner Shadows on Safari */
.pf-v5-c-form-control input::-webkit-inner-spin-button,
.pf-v5-c-form-control input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Focus State */
.pf-v5-c-form-control input:focus {
  outline: none;
  border-color: #007bff; /* Change border color on focus */
}

/* Placeholder Styling */
.pf-v5-c-form-control input::placeholder {
  color: rgba(255, 255, 255, 0.6); /* Light gray placeholder */
}

/* Disabled State */
.pf-v5-c-form-control input:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

#kc-attempted-username {
  font-size: unset;
}