:root {
  /* ==========================================================================
    Fraunhofer Base Color Tokens (LCh Scale)
  ========================================================================== */
  --fhg-color-light-200: #e6f5f1;          /* Super light green tint for backgrounds */
  --fhg-color-light-100: #43b899;          /* Light brand green (+12 LCh) */
  --fhg-color: #12977a;                    /* Core FhG Green (Color code 28) */
  --fhg-color-dark-100: #008a6e;           /* Darker green (-5 LCh) for hovers */
  --fhg-color-dark-200: #007d61;           /* Deep green (-10 LCh) for active clicks */
  --fhg-color-btn-foreground: #fff;        /* Text color on brand elements */

  /* ==========================================================================
    PatternFly 5 Semantic Variable Map
  ========================================================================== */

  /* --- Primary Brand Components --- */
  --pf-v5-global--primary-color--100: var(--fhg-color);
  --pf-v5-global--primary-color--200: var(--fhg-color-dark-100);
  --pf-v5-global--primary-color--dark-100: var(--fhg-color-dark-200);
  --pf-v5-global--primary-color--light-100: var(--fhg-color-light-100);

  /* --- Active, Focused & Selected States --- */
  --pf-v5-global--active-color--100: var(--fhg-color);
  --pf-v5-global--active-color--200: var(--fhg-color-light-200);
  --pf-v5-global--active-color--300: var(--fhg-color-light-100);
  --pf-v5-global--active-color--400: var(--fhg-color);

  /* --- Text Links --- */
  --pf-v5-global--link--Color: var(--fhg-color);
  --pf-v5-global--link--Color--hover: var(--fhg-color-dark-100);

  /* --- System Info Notifications & Alert Bars --- */
  --pf-v5-global--info-color--100: var(--fhg-color-dark-100);
  --pf-v5-global--info-color--200: var(--fhg-color-dark-200);
}

#save-btn, #cancel-btn, section > section:has(> #basic-authentication-categ-title) {
  display: none;
}