/**
   Re map Docs variables to FKUI theme variable
   https://designsystem.forsakringskassan.se/latest/styles/colors.html
 */
:root {
  --docs-background-color: var(--fkds-color-background-primary);
  --docs-text-color-default: var(--fkds-color-text-primary);
  --docs-text-color-discrete: var(--fkds-color-text-secondary);
  --docs-text-color-link: var(--fkds-color-action-text-primary-default);
  --docs-text-color-link-hover: var(--fkds-color-action-text-primary-hover);
  --docs-info-color: var(--fkds-color-feedback-border-info);
  --docs-info-background: var(--fkds-color-feedback-background-info);
  --docs-warning-color: var(--fkds-color-feedback-border-warning);
  --docs-warning-background: var(--fkds-color-feedback-background-warning);
  --docs-error-color: var(--fkds-color-feedback-border-negative);
  --docs-error-background: var(--fkds-color-feedback-background-negative);
  --docs-font-line-height: var(--f-line-height-large);
  --docs-font-size: var(--f-font-size-default-rem);
  --docs-badge-component-color: var(--fkds-color-text-primary);
  --docs-badge-component-background: var(--fkds-color-feedback-background-neutral);
  --docs-badge-component-border: var(--fkds-color-feedback-border-neutral);
  --docs-contextmenu-background-color: var(--fkds-color-background-primary);
  --docs-contextmenu-border-color: var(--fkds-color-border-weak);
  --docs-contextmenu-highlight-color: var(--fkds-color-select-background-secondary-active);
  --docs-contextmenu-link-color-default: var(--fkds-color-text-primary);
  --docs-contextmenu-link-color-hover: var(--fkds-color-text-primary);
  --docs-contextmenu-link-background-hover: var(--fkds-color-select-background-secondary-active);
  --docs-header-text-color-default: var(--fkds-color-text-primary);
  --docs-header-text-color-discrete: var(--fkds-color-text-secondary);
  --docs-header-background-color: var(--fkds-color-background-primary);
  --docs-header-border-color: var(--fkds-color-border-weak);
  --docs-topnav-background-color: var(--fkds-color-background-primary);
  --docs-menu-background-color: var(--fkds-color-background-secondary);
  --docs-topnav-link-color-default: var(--fkds-color-text-primary);
  --docs-topnav-link-color-hover: var(--fkds-color-text-primary);
  --docs-topnav-link-color-highlight: var(--fkds-color-text-primary);
  --docs-topnav-border-color-hover: var(--fkds-color-select-background-secondary-hover);
  --docs-topnav-border-color-highlighr: var(--fkds-color-select-background-secondary-default);
  --docs-code-background-color: var(--fkds-color-background-secondary);
  --docs-code-border-color: var(--fkds-color-border-weak);
  --docs-code-optional-background-color: var(--fkds-color-background-tertiary);
  --docs-search-border-color: var(--fkds-color-border-primary);
  --docs-search-background-color: var(--fkds-color-background-primary);
  --docs-search-text-color: var(--fkds-color-text-primary);
  --docs-search-button-color-hover: var(--fkds-color-background-secondary);
  --docs-outline-hover-background-color: var(--fkds-color-background-tertiary);
  --docs-outline-active-border-color: var(--fkds-color-select-background-secondary-default);
  --docs-outline-heading-color: var(--fkds-color-text-secondary);
  --docs-outline-list-border-color: var(--fkds-color-border-weak);
  --docs-navigation-hover-color: var(--fkds-color-background-tertiary);
  --docs-navigation-highlight-color: var(--fkds-color-select-background-secondary-default);
}