:root {
  --pk-field-radius: 8px;
  --pk-button-radius: 9999px;
  --pk-copyright-color: var(--pk-color-text-muted);

  --pf-global--primary-color--100: var(--pk-color-accent) !important;
  --pf-global--primary-color--200: var(--pk-color-accent-hover) !important;
  --pf-v5-global--primary-color--100: var(--pk-color-accent) !important;
  --pf-v5-global--primary-color--200: var(--pk-color-accent-hover) !important;
  --pf-v5-global--primary-color--300: var(--pk-color-accent-active) !important;
  --pf-v5-global--primary-color--400: var(--pk-color-accent-active) !important;
  --pf-v5-global--primary-color--light-100: var(--pk-color-accent) !important;
  --pf-v5-global--primary-color--dark-100: var(--pk-color-accent) !important;
  --pf-v5-global--active-color--100: var(--pk-color-accent) !important;
  --pf-v5-global--active-color--200: var(--pk-color-accent-hover) !important;
  --pf-v5-global--active-color--300: var(--pk-color-accent-active) !important;
  --pf-v5-global--active-color--400: var(--pk-color-accent-active) !important;

  --pf-v5-global--link--Color: var(--pk-color-link) !important;
  --pf-v5-global--link--Color--hover: var(--pk-color-link-hover) !important;
  --pf-v5-global--link--Color--visited: var(--pk-color-link) !important;
  --pf-v5-global--link--Color--light: var(--pk-color-link) !important;
  --pf-v5-global--link--Color--light--hover: var(
    --pk-color-link-hover
  ) !important;
  --pf-v5-global--link--Color--dark: var(--pk-color-link) !important;
  --pf-v5-global--link--Color--dark--hover: var(
    --pk-color-link-hover
  ) !important;

  --pf-v5-global--info-color--100: var(--pk-color-accent) !important;
  --pf-v5-global--info-color--200: var(--pk-color-accent-hover) !important;
  --pf-v5-global--palette--blue-50: var(--pk-color-accent-ring) !important;
  --pf-v5-global--palette--blue-100: var(--pk-color-accent-ring) !important;
  --pf-v5-global--palette--blue-200: var(--pk-color-accent) !important;
  --pf-v5-global--palette--blue-300: var(--pk-color-accent) !important;
  --pf-v5-global--palette--blue-400: var(--pk-color-accent) !important;
  --pf-v5-global--palette--blue-500: var(--pk-color-accent-hover) !important;
  --pf-v5-global--palette--blue-600: var(--pk-color-accent-active) !important;
  --pf-v5-global--palette--blue-700: var(--pk-color-accent-active) !important;

  --pf-global--BackgroundColor--100: var(--pk-color-canvas) !important;
  --pf-global--BackgroundColor--200: var(--pk-color-surface) !important;
  --pf-v5-global--BackgroundColor--100: var(--pk-color-surface) !important;
  --pf-v5-global--BackgroundColor--200: var(--pk-color-canvas) !important;
  --pf-v5-global--Color--100: var(--pk-color-text) !important;
  --pf-v5-global--Color--200: var(--pk-color-text-muted) !important;

  --pf-global--success-color--100: #3e8635 !important;
  --pf-global--danger-color--100: #c9190b !important;
  --pf-v5-global--success-color--100: #3e8635 !important;
  --pf-v5-global--danger-color--100: #c9190b !important;
}

.pf-v5-theme-dark {
  color-scheme: dark;
  --pf-v5-global--BackgroundColor--dark-100: var(--pk-color-canvas) !important;
  --pf-v5-global--BackgroundColor--dark-300: var(--pk-color-surface) !important;
  --pf-v5-global--Color--light-100: var(--pk-color-text) !important;
  --pf-v5-global--icon--Color--light: var(--pk-color-text) !important;
  --pf-v5-global--icon--Color--dark: var(--pk-color-canvas) !important;
}

.pf-v5-c-button.pf-m-primary {
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pk-color-accent);
  --pf-v5-c-button--m-primary--hover--BackgroundColor: var(--pk-color-accent);
  --pf-v5-c-button--m-primary--focus--BackgroundColor: var(--pk-color-accent);
  --pf-v5-c-button--m-primary--active--BackgroundColor: var(--pk-color-accent);
  --pf-v5-c-button--m-primary--Color: var(--pk-color-on-accent);
  --pf-v5-c-button--m-primary--hover--Color: var(--pk-color-on-accent);
  --pf-v5-c-button--m-primary--focus--Color: var(--pk-color-on-accent);
  --pf-v5-c-button--m-primary--active--Color: var(--pk-color-on-accent);
  --pf-v5-c-button--after--BorderColor: var(--pk-color-accent);
}

.pf-v5-c-button.pf-m-primary:hover {
  --pf-v5-c-button--after--BorderColor: var(--pk-color-accent-hover);
}

.pf-v5-c-button.pf-m-primary:focus,
.pf-v5-c-button.pf-m-primary:active {
  --pf-v5-c-button--after--BorderColor: var(--pk-color-accent-active);
}

.pf-v5-c-button {
  --pf-v5-c-button--hover--after--BorderWidth: 1px;
  --pf-v5-c-button--focus--after--BorderWidth: 1px;
  --pf-v5-c-button--active--after--BorderWidth: 1px;
  --pf-v5-c-button--m-control--hover--after--BorderBottomWidth: 1px;
  --pf-v5-c-button--m-control--focus--after--BorderBottomWidth: 1px;
  --pf-v5-c-button--m-control--active--after--BorderBottomWidth: 1px;
  --pf-v5-c-button--m-control--m-expanded--after--BorderBottomWidth: 1px;
}

.pf-v5-c-button:focus {
  outline: none;
}

.pf-v5-c-button.pf-m-secondary,
.pf-v5-c-button.pf-m-control {
  --pf-v5-c-button--after--BorderColor: var(--pk-color-outline);
}

.pf-v5-c-button.pf-m-secondary:hover,
.pf-v5-c-button.pf-m-secondary:focus,
.pf-v5-c-button.pf-m-secondary:active,
.pf-v5-c-button.pf-m-control:hover,
.pf-v5-c-button.pf-m-control:focus,
.pf-v5-c-button.pf-m-control:active,
.pf-v5-c-button.pf-m-control.pf-m-expanded {
  --pf-v5-c-button--after--BorderColor: var(--pk-color-accent);
}

.pf-v5-c-button.pf-m-danger,
.pf-v5-c-button.pf-m-secondary.pf-m-danger {
  --pf-v5-c-button--after--BorderColor: var(
    --pf-v5-global--danger-color--100
  );
}

.pf-v5-c-form-control {
  --pf-v5-c-form-control--before--BorderTopColor: var(--pk-color-outline);
  --pf-v5-c-form-control--before--BorderRightColor: var(--pk-color-outline);
  --pf-v5-c-form-control--before--BorderBottomColor: var(--pk-color-outline);
  --pf-v5-c-form-control--before--BorderLeftColor: var(--pk-color-outline);
  --pf-v5-c-form-control--before--BorderBottomWidth: 1px;
  --pf-v5-c-form-control--after--BorderBottomWidth: 0;
  --pf-v5-c-form-control--focus--after--BorderBottomWidth: 0;
  --pf-v5-c-form-control--m-expanded--after--BorderBottomWidth: 0;
  --pf-v5-c-form-control--m-error--after--BorderBottomWidth: 0;
}

.pf-v5-c-form-control:hover,
.pf-v5-c-form-control:focus,
.pf-v5-c-form-control:focus-within,
.pf-v5-c-form-control.pf-m-expanded {
  --pf-v5-c-form-control--before--BorderTopColor: var(--pk-color-accent);
  --pf-v5-c-form-control--before--BorderRightColor: var(--pk-color-accent);
  --pf-v5-c-form-control--before--BorderBottomColor: var(--pk-color-accent);
  --pf-v5-c-form-control--before--BorderLeftColor: var(--pk-color-accent);
}

.pf-v5-c-form-control.pf-m-error,
.pf-v5-c-form-control.pf-m-error:hover,
.pf-v5-c-form-control.pf-m-error:focus,
.pf-v5-c-form-control.pf-m-error:focus-within {
  --pf-v5-c-form-control--before--BorderTopColor: var(
    --pf-v5-global--danger-color--100
  );
  --pf-v5-c-form-control--before--BorderRightColor: var(
    --pf-v5-global--danger-color--100
  );
  --pf-v5-c-form-control--before--BorderBottomColor: var(
    --pf-v5-global--danger-color--100
  );
  --pf-v5-c-form-control--before--BorderLeftColor: var(
    --pf-v5-global--danger-color--100
  );
}

.pf-v5-c-form-control :where(input, select, textarea):focus {
  outline: none;
}

.pf-v5-c-tabs__item.pf-m-current {
  --pf-v5-c-tabs__link--after--BorderColor: var(--pk-color-accent);
  --pf-v5-c-tabs__item--m-current__link--after--BorderColor: var(
    --pk-color-accent
  );
}