:root {
  --color-primary-heritage: #0062a2;
  --color-primary-gravitas: #002858;
  --color-healthforce-mint-200: #5eeed4;

  --color-neutral-white: #ffffff;
  --color-neutral-grey-100: #5c5d66;
  --color-neutral-grey-200: #c1c7d0;

  --color-semantics-success-100: #29853a;
  --color-semantics-success-200: #37b24d;
  --color-semantics-warning-100: #ff5c5c;
  --color-semantics-warning-200: #fd9214;
  --color-semantics-error-100: #c80809;
  --color-semantics-error-200: #e30a0b;
  --color-semantics-error-300: #ffeded;
  --color-semantics-info-100: #1d5fc1;
  --color-semantics-info-200: #2474ec;
}

body {
  --pf-v5-global--BackgroundColor--dark-100: var(--color-primary-heritage);
  --pf-v5-global--BackgroundColor--dark-200: var(--color-primary-heritage);
  --pf-v5-global--BackgroundColor--dark-300: var(--color-primary-heritage);
  --pf-v5-global--BackgroundColor--dark-400: var(--color-primary-heritage);

  --pf-v5-global--success-color--100: var(--color-semantics-success-100);
  --pf-v5-global--success-color--200: var(--color-semantics-success-200);
  --pf-v5-global--warning-color--100: var(--color-semantics-warning-100);
  --pf-v5-global--warning-color--200: var(--color-semantics-warning-200);
  --pf-v5-global--danger-color--100: var(--color-semantics-error-100);
  --pf-v5-global--danger-color--200: var(--color-semantics-error-200);
  --pf-v5-global--danger-color--300: var(--color-semantics-error-300);
  --pf-v5-global--info-color--100: var(--color-semantics-info-100);
  --pf-v5-global--info-color--200: var(--color-semantics-info-200);

  --pf-v5-global--link--Color: var(--color-primary-gravitas);
  --pf-v5-global--link--Color--hover: var(--color-primary-gravitas);
}

/* LINK */
a {
  color: var(--color-primary-gravitas);
}

/* SIDEBAR */
.pf-v5-c-page__sidebar {
  background-color: var(--color-primary-heritage);
}

ul.pf-v5-c-nav__list > li a:hover {
  background-color: var(--color-primary-gravitas);
  color: var(--color-neutral-white);
}

/* DROPDOWN */
.pf-v5-c-menu__list > li:hover {
  background-color: var(--color-primary-gravitas);
  color: var(--color-neutral-white);
}

/* BUTTON */
.pf-v5-c-button {
  border-radius: 100px;
}

.pf-v5-c-button:hover {
  border-width: 1px;
}

.pf-v5-c-button:after {
  all: revert;
}

.pf-v5-c-button.pf-m-primary,
.pf-v5-c-button.pf-m-primary:hover {
  color: var(--color-primary-gravitas);
  background-color: var(--color-healthforce-mint-200);
}

.pf-v5-c-button.pf-m-primary:disabled,
.pf-v5-c-button.pf-m-primary button[disabled] {
  color: var(--color-neutral-grey-100);
  background-color: var(--color-neutral-grey-200);
}

.pf-v5-c-button.pf-m-secondary,
.pf-v5-c-button.pf-m-secondary:hover {
  color: var(--color-primary-gravitas);
  border: 1px solid var(--color-healthforce-mint-200);
}

.pf-v5-c-button.pf-m-secondary:disabled,
.pf-v5-c-button.pf-m-secondary button[disabled] {
  color: var(--color-neutral-grey-200);
  background: transparent;
  border-color: var(--color-neutral-grey-200);
}

/* CHECKBOX */
input[type="checkbox"] {
  accent-color: var(--color-healthforce-mint-200);
}

input[type="checkbox"]:disabled {
  accent-color: var(--color-neutral-grey-200);
}

/* TOGGLE SWITCH */
.pf-v5-c-switch__toggle {
  background-color: var(--color-neutral-grey-200);
}

.pf-v5-c-switch__input:disabled ~ .pf-c-switch__toggle {
  background-color: var(--color-healthforce-mint-200);
}

.pf-v5-c-switch__input:disabled ~ .pf-c-switch__toggle::before {
  background-color: var(--color-neutral-white);
}

.pf-v5-c-switch__input:checked ~ .pf-c-switch__toggle {
  background-color: var(--color-healthforce-mint-200);
}

.pf-v5-c-switch__input:checked ~ .pf-c-switch__toggle::before {
  background-color: rgb(0, 150, 136);
}

/* RADIO */
.pf-v5-c-radio {
  accent-color: var(--color-healthforce-mint-200);
}

.pf-v5-c-radio__input:disabled {
  color: var(--color-neutral-grey-200);
}

/* CHIP */
.pf-v5-c-chip__text {
  color: var(--color-primary-gravitas);
}

.pf-v5-c-chip:before {
  border-radius: 100px;
  border: 1px solid #5eeed4;
}

/* PILL */
.pf-v5-c-label.pf-m-blue {
  background: var(--color-neutral-white);
  border: 1px solid var(--color-healthforce-mint-200);
}