:root {
  /* -----------------------------------
     Base Color Variables – Getinge Colors
  ----------------------------------- */
  --color-getinge-blue: #18274A;
  --color-white: #FFFFFF;
  --color-midnight-gray: #495A6B;
  --color-midnight-light-gray: #748391;
  --color-midnight-pale-gray: #A0ACB6;
  --color-snow-white: #E9E4E3;
  --color-poppy-red: #E94F35;
  --color-sun-orange: #F39200;
  --color-sun-pale-orange: #FED6A5;
  --color-grass-green: #94B654;
  --color-grass-40-green: #D8E2BF;
  --color-grass-green-dark: #586D32;
  --color-ocean-cyan: #31B7BC;
  --color-ocean-pale-cyan: #C2E4E5;
  --color-signal-blue: #2982BF;
  
  /* -----------------------------------
     Base Font Variables – Getinge Fonts
  ----------------------------------- */
  --font-family-segoe-ui: "Segoe UI", sans-serif;

  /* -----------------------------------
     Background Colors
  ----------------------------------- */
  --pf-v5-global--BackgroundColor--dark-100: var(--color-getinge-blue);
  --pf-v5-global--BackgroundColor--dark-200: var(--color-white);
  --pf-v5-global--BackgroundColor--dark-300: var(--color-white);
  --pf-v5-global--BackgroundColor--dark-400: var(--color-white);
  --pf-v5-c-page__sidebar--BackgroundColor: var(--color-getinge-blue);

  /* -----------------------------------
     Primary & Link Colors
  ----------------------------------- */
  --pf-v5-global--primary-color--100: var(--color-grass-green);
  --pf-v5-global--primary-color--200: var(--color-grass-green-dark);
  --pf-v5-global--primary-color--dark-100: var(--color-getinge-blue);
  --pf-v5-global--link--Color: var(--color-signal-blue);
  --pf-v5-global--link--Color--dark: var(--color-signal-blue);

  /* -----------------------------------
     State Colors
  ----------------------------------- */
  --pf-v5-global--active-color--100: var(--color-midnight-pale-gray);
  --pf-v5-global--active-color--300: var(--color-getinge-blue);
  --pf-v5-global--active-color--400: var(--color-white);
  --pf-v5-global--warning-color--100: var(--color-sun-orange);
  --pf-v5-global--warning-color--200: var(--color-sun-orange);
  --pf-v5-global--warning-color--300: var(--color-sun-orange);
  --pf-v5-global--danger-color--100: var(--color-poppy-red);
  --pf-v5-global--danger-color--200: var(--color-poppy-red);
  --pf-v5-global--danger-color--300: var(--color-poppy-red);

  /* -----------------------------------
     Typography
  ----------------------------------- */
  --pf-v5-global--FontFamily--text: var(--font-family-segoe-ui);
  --pf-v5-global--FontFamily--heading: var(--font-family-segoe-ui);
  --pf-v5-global--FontFamily--text--vf: var(--font-family-segoe-ui);
  --pf-v5-global--FontFamily--heading--vf: var(--font-family-segoe-ui);

  /* -----------------------------------
     Palette Overrides
  ----------------------------------- */
  --pf-v5-global--palette--blue-50: var(--color-ocean-pale-cyan);
  --pf-v5-global--palette--green-50: var(--color-grass-40-green);
  --pf-v5-global--palette--orange-50: var(--color-sun-pale-orange);
}

/* -----------------------------------
   Sidebar Navigation
----------------------------------- */
.pf-v5-c-page__sidebar .pf-v5-c-nav {
  --pf-v5-c-nav__link--hover--BackgroundColor: var(--color-midnight-pale-gray);
  --pf-v5-c-nav__link--focus--BackgroundColor: var(--color-midnight-light-gray);
  --pf-v5-c-nav__link--active--BackgroundColor: var(--color-midnight-light-gray);
  --pf-v5-c-nav__link--m-current--Color: var(--color-getinge-blue);
  --pf-v5-c-nav__link--Color: var(--color-white);
  --pf-v5-c-nav__link--hover--Color: var(--color-white);
  --pf-v5-c-nav__link--focus--Color: var(--color-white);
  --pf-v5-c-nav__link--active--Color: var(--color-white);
}

/* -----------------------------------
   Buttons – Primary
----------------------------------- */
.pf-v5-c-button.pf-m-primary {
  --pf-v5-c-button--m-primary--BackgroundColor: var(--color-grass-green);
  --pf-v5-c-button--m-primary--Color: var(--color-white);
  --pf-v5-c-button--m-primary--hover--BackgroundColor: var(--color-grass-green-dark);
  --pf-v5-c-button--m-primary--hover--Color: var(--color-white);
  --pf-v5-c-button--m-primary--hover--BorderColor: var(--color-grass-green-dark);
  --pf-v5-c-button--m-primary--focus--BackgroundColor: var(--color-grass-green);
  --pf-v5-c-button--m-primary--focus--Color: var(--color-white);
  --pf-v5-c-button--m-primary--focus--BorderColor: var(--color-grass-green);
  --pf-v5-c-button--m-primary--active--BackgroundColor: var(--color-white);
  --pf-v5-c-button--m-primary--active--Color: var(--color-grass-green);
  --pf-v5-c-button--m-primary--active--BorderColor: var(--color-grass-green);
  --pf-v5-c-button--after--BorderColor: var(--color-grass-green);
  --pf-v5-c-button--after--BorderWidth: thin;
  --pf-v5-c-button--hover--after--BorderWidth: thin;
  --pf-v5-c-button--focus--after--BorderWidth: thin;
  --pf-v5-c-button--active--after--BorderWidth: thin;
}

/* -----------------------------------
   Buttons – Tertiary
----------------------------------- */
.pf-v5-c-button.pf-m-tertiary {
  --pf-v5-c-button--m-tertiary--BackgroundColor: var(--color-white);
  --pf-v5-c-button--m-tertiary--Color: var(--color-getinge-blue);
  --pf-v5-c-button--after--BorderWidth: thin;
  --pf-v5-c-button--hover--after--BorderWidth: thin;
  --pf-v5-c-button--focus--after--BorderWidth: thin;
  --pf-v5-c-button--active--after--BorderWidth: thin;
}
.pf-v5-c-button.pf-m-tertiary:hover {
  background-color: var(--color-snow-white);
  color: var(--color-getinge-blue);
  border-width: thin;
}
.pf-v5-c-button.pf-m-tertiary:focus {
  background-color: var(--color-white);
  color: var(--color-getinge-blue);
  border-width: thin;
}
.pf-v5-c-button.pf-m-tertiary:active {
  background-color: var(--color-midnight-gray);
  color: var(--color-white);
  border-width: thin;
}

/* -----------------------------------
   Buttons – General
----------------------------------- */
.pf-v5-c-button {
  --pf-v5-c-button--m-control--focus--after--BorderBottomColor: var(--color-ocean-cyan);
  --pf-v5-c-button--m-control--active--after--BorderBottomColor: var(--color-ocean-cyan);
}

/* -----------------------------------
   Menu Toggle
----------------------------------- */
.pf-v5-c-menu-toggle {
  --pf-v5-c-menu-toggle--focus--after--BorderBottomColor: var(--color-ocean-cyan);
  --pf-v5-c-menu-toggle--active--after--BorderBottomColor: var(--color-ocean-cyan);
  --pf-v5-c-menu-toggle--m-expanded--after--BorderBottomColor: var(--color-ocean-cyan);
}
.pf-v5-c-masthead .pf-v5-c-menu-toggle {
  --pf-v5-c-menu-toggle--focus--after--BorderBottomColor: var(--color-midnight-pale-gray);
  --pf-v5-c-menu-toggle--active--after--BorderBottomColor: var(--color-midnight-pale-gray);
  --pf-v5-c-menu-toggle--m-expanded--after--BorderBottomColor: var(--color-midnight-pale-gray);
}

/* -----------------------------------
   Switch
----------------------------------- */
.pf-v5-c-switch__input:checked + .pf-v5-c-switch__toggle {
  background-color: var(--color-grass-green);
}

/* -----------------------------------
   Form Controls + Input Group
----------------------------------- */
.pf-v5-c-form-control input:focus,
.pf-v5-c-form-control input:active,
.pf-v5-c-form-control textarea:focus,
.pf-v5-c-form-control textarea:active,
.pf-v5-c-text-input-group__text-input:focus,
.pf-v5-c-text-input-group__text-input:active {
  outline: none;
  box-shadow: none;
  border-color: transparent;
}
.pf-v5-c-form-control:focus-within::after {
  border: 2px solid var(--color-ocean-cyan);
  border-bottom-color: var(--color-ocean-cyan);
  outline: none;
}

/* -----------------------------------
   Input Group
----------------------------------- */
.pf-v5-c-text-input-group {
  --pf-v5-global--primary-color--100: var(--color-getinge-blue);
}
.pf-v5-c-text-input-group:focus-within::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  border: 1px solid var(--color-ocean-cyan);
  border-bottom-color: var(--color-ocean-cyan);
  border-bottom: 1px solid var(--color-ocean-cyan);
  pointer-events: none;
  transition: border-color 0.2s ease;
}