:root {
  --hdir-color-primary-50: #f2f6f8;
  --hdir-color-primary-100: #e6eef0;
  --hdir-color-primary-200: #ccdce1;
  --hdir-color-primary-400: #80a8b4;
  --hdir-color-primary-700: #357487;
  --hdir-color-primary-800: #206276;
  --hdir-color-primary-900: #025169;
  --hdir-color-secondary-50: #f2f9fa;
  --hdir-color-secondary-100: #e6f2f6;
  --hdir-color-secondary-200: #cde5ed;
  --hdir-color-secondary-400: #81bfd1;
  --hdir-color-secondary-500: #3699b6;
  --hdir-color-secondary-700: #047fa4;
  --hdir-color-support-01-100: #ebf5f2;
  --hdir-color-support-01-300: #95dcca;
  --hdir-color-support-01-800: #366558;
  --hdir-color-support-02-100: #fcf3f9;
  --hdir-color-support-02-300: #dbb5ed;
  --hdir-color-support-02-800: #7c145c;
  --hdir-color-support-03-100: #fff9e6;
  --hdir-color-support-03-300: #fef4ce;
  --hdir-color-support-03-500: #ffbf00;
  --hdir-color-support-04-100: #f0f5ff;
  --hdir-color-support-04-300: #d9e5ff;
  --hdir-color-support-04-500: #80a6d6;
}

:root {
  --hdir-color-blue-primary-1: #025169;
  --hdir-color-blue-primary-2: #80a8b4;
  --hdir-color-blue-primary-3: #ccdce1;
  --hdir-color-blue-primary-4: #e6eef0;
  --hdir-color-blue-primary-5: #f2f9fa;
  --hdir-color-blue-secondary-1: #047fa4;
  --hdir-color-blue-secondary-2: #81bfd1;
  --hdir-color-blue-secondary-3: #cde5ed;
  --hdir-color-blue-secondary-4: #e6f2f6;
  --hdir-color-blue-secondary-5: #f2f6f8;
  --hdir-color-green-dark: #366558;
  --hdir-color-green-light: #95dcca;
  --hdir-color-green-lightest: #ebf5f2;
  --hdir-color-purple-dark: #7c145c;
  --hdir-color-purple-light: #dbb5ed;
  --hdir-color-purple-lightest: #fcf3f9;
  --hdir-color-yellow-dark: #ffbf00;
  --hdir-color-yellow-light: #fef4ce;
  --hdir-color-yellow-lightest: #fff9e6;
  --hdir-color-orange: #d39000;
  --hdir-color-red-dark: #a0002e;
  --hdir-color-red-light: #ffdee6;
  --hdir-color-black: #000000;
  --hdir-color-grey-1: #212121;
  --hdir-color-grey-2: #504f4f;
  --hdir-color-grey-3: #767676;
  --hdir-color-grey-4: #a6a6a6;
  --hdir-color-grey-5: #d8dada;
  --hdir-color-grey-6: #f7f7f7;
  --hdir-color-white: #ffffff;
  /* Primary/Secondary */
  --design-color-primary: var(--hdir-color-blue-primary-1);
  --design-color-primary-disabled: var(--hdir-color-blue-primary-2);
  --design-color-secondary: var(--hdir-color-blue-secondary-1);
  --design-color-secondary-disabled: var(--hdir-color-blue-secondary-5);
  /* Background */
  --design-color-background-primary: var(--hdir-color-white);
  --design-color-background-secondary: var(--hdir-color-blue-secondary-5);
  --design-color-background-tertiary: var(--design-color-blue-secondary-1);
  /* Text */
  --design-color-text: var(--hdir-color-grey-1);
  --design-color-text-disabled: var(--hdir-color-grey-3);
  --design-color-text-contrast: var(--hdir-color-white);
  /* Signal */
  --design-color-error-dark: var(--hdir-color-red-dark);
  --design-color-error-light: var(--hdir-color-red-light);
  --design-color-warning-dark: var(--hdir-color-orange);
  --design-color-warning-light: var(--hdir-color-yellow-lightest);
  --design-color-success-dark: var(--hdir-color-green-dark);
  --design-color-success-light: var(--hdir-color-green-light);
  --design-color-info-dark: var(--hdir-color-blue-secondary-1);
  --design-color-info-light: var(--hdir-color-blue-secondary-4);
  /* Borders */
  --design-color-border-neutral-default: var(--hdir-color-blue-primary-1);
  /* Divider */
  --design-color-divider-neutral-default: var(--hdir-color-grey-5);
}

:root {
  /* Background */
  --design-color-background-neutral-default: var(--color-greys-white);
  /* Text */
  --design-color-text-neutral-default: var(--color-greys-black);
  --design-color-text-neutral-inverted: var(--color-greys-white);
  --design-color-text-neutral-subtle: var(--color-greys-600);
  --design-color-text-neutral-disabled: var(--color-greys-400);
  --design-color-text-action-default: var(--hdir-color-secondary-700);
  --design-color-text-action-hover: var(--hdir-color-secondary-700);
  --design-color-text-action-active: var(--hdir-color-secondary-700);
  --design-color-text-action-disabled: var(--hdir-color-secondary-400);
  --design-color-text-action-inverted: var(--color-greys-white);
  --design-color-text-action-primary-default: var(--color-greys-white);
  --design-color-text-action-primary-hover: var(--color-greys-white);
  --design-color-text-action-primary-active: var(--color-greys-white);
  --design-color-text-action-primary-disabled: var(--hdir-color-primary-50);
  --design-color-text-action-secondary-default: var(--hdir-color-primary-900);
  --design-color-text-action-secondary-hover: var(--hdir-color-primary-900);
  --design-color-text-action-secondary-active: var(--hdir-color-primary-900);
  --design-color-text-action-secondary-disabled: var(--hdir-color-primary-400);
  --design-color-text-action-tertiary-default: var(--color-greys-black);
  --design-color-text-action-tertiary-hover: var(--hdir-color-primary-800);
  --design-color-text-action-tertiary-active: var(--hdir-color-primary-700);
  --design-color-text-action-tertiary-disabled: var(--color-greys-600);
  --design-color-text-action-active: var(--hdir-color-secondary-700);
  --design-color-text-action-disabled: var(--color-greys-400);
  --design-color-text-action-inverted: var(--color-greys-white);
  --design-color-text-feedback-error-default: var(--color-red-800);
  /* Surface */
  --design-color-surface-action-primary-default: var(--hdir-color-primary-900);
  --design-color-surface-action-primary-hover: var(--hdir-color-primary-800);
  --design-color-surface-action-primary-active: var(--hdir-color-secondary-700);
  --design-color-surface-action-primary-disabled: var(--hdir-color-primary-400);
  --design-color-surface-action-secondary-default: var(--color-greys-white);
  --design-color-surface-action-secondary-hover: var(--hdir-color-primary-50);
  --design-color-surface-action-secondary-active: var(--hdir-color-primary-100);
  --design-color-surface-action-secondary-disabled: var(--hdir-color-primary-50);
  --design-color-surface-action-default: var(--color-greys-white);
  --design-color-surface-action-menu-hover: var(--hdir-color-primary-50);
  --design-color-surface-action-menu-active: var(--hdir-color-primary-100);
  --design-color-surface-action-checked: var(--hdir-color-primary-900);
  --design-color-surface-action-disabled: var(--hdir-color-primary-50);
  --design-color-surface-action-hover: var(--color-greys-white);
  --design-color-surface-action-menu-default: var(--color-greys-white);
  --design-color-surface-feedback-success-default: var(--color-green-100);
  --design-color-surface-feedback-warning-default: var(--color-yellow-100);
  --design-color-surface-feedback-info-default: var(--color-blue-100);
  --design-color-surface-feedback-error-default: var(--color-red-100);
  --design-color-surface-neutral-default: var(--color-greys-white);
  --design-color-surface-neutral-primary: var(--hdir-color-primary-900);
  --design-color-surface-neutral-secondary: var(--hdir-color-secondary-700);
  --design-color-surface-neutral-subtle: var(--hdir-color-primary-50);
  /* Border */
  --design-color-border-neutral-default: var(--hdir-color-primary-900);
  --design-color-border-neutral-subtle: var(--hdir-color-primary-200);
  --design-color-border-neutral-inverted: var(--color-greys-white);
  --design-color-border-action-primary-default: var(--hdir-color-primary-900);
  --design-color-border-action-primary-hover: var(--hdir-color-primary-800);
  --design-color-border-action-primary-active: var(--hdir-color-primary-700);
  --design-color-border-action-primary-disabled: var(--hdir-color-primary-400);
  --design-color-border-action-disabled: var(--hdir-color-primary-400);
  --design-color-border-action-secondary-default: var(--hdir-color-primary-900);
  --design-color-border-action-secondary-hover: var(--hdir-color-primary-900);
  --design-color-border-action-secondary-active: var(--hdir-color-primary-900);
  --design-color-border-action-secondary-disabled: var(--hdir-color-primary-400);
  --design-color-border-action-tertiary-default: var(--hdir-color-primary-900);
  --design-color-border-action-tertiary-hover: var(--hdir-color-secondary-800);
  --design-color-border-action-tertiary-active: var(--hdir-color-secondary-700);
  --design-color-border-action-tertiary-disabled: var(--hdir-color-primary-400);
  --design-color-border-action-default: var(--hdir-color-primary-900);
  --design-color-border-action-hover: var(--hdir-color-primary-900);
  --design-color-border-action-active: var(--hdir-color-primary-900);
  --design-color-border-action-focus: var(--hdir-color-primary-900);
  --design-color-border-action-subtle: var(--hdir-color-primary-200);
  --design-color-border-feedback-success-default: var(--color-green-800);
  --design-color-border-feedback-warning-default: var(--color-yellow-700);
  --design-color-border-feedback-info-default: var(--color-blue-500);
  --design-color-border-feedback-error-default: var(--color-red-800);
  /* Divider */
  --design-color-divider-default: var(--color-greys-200);
  /* Icon */
  --design-color-icon-feedback-success-default: var(--color-green-800);
  --design-color-icon-feedback-warning-default: var(--color-yellow-700);
  --design-color-icon-feedback-info-default: var(--color-blue-500);
  --design-color-icon-feedback-error-default: var(--color-red-800);
  --design-color-icon-action-default: var(--hdir-color-primary-900);
  --design-color-icon-action-primary-default: var(--color-greys-white);
  --design-color-icon-action-primary-hover: var(--hdir-color-primary-800);
  --design-color-icon-action-primary-active: var(--hdir-color-primary-700);
  --design-color-icon-action-primary-disabled: var(--hdir-color-primary-50);
  --design-color-icon-action-secondary-default: var(--hdir-color-primary-900);
  --design-color-icon-action-secondary-hover: var(--hdir-color-secondary-700);
  --design-color-icon-action-secondary-active: var(--hdir-color-secondary-700);
  --design-color-icon-action-secondary-disabled: var(--hdir-color-primary-400);
  --design-color-icon-action-tertiary-default: var(--hdir-color-primary-900);
  --design-color-icon-action-tertiary-hover: var(--hdir-color-secondary-800);
  --design-color-icon-action-tertiary-active: var(--hdir-color-secondary-700);
  --design-color-icon-action-tertiary-disabled: var(--hdir-color-primary-400);
  --design-color-icon-action-inverted: var(--color-greys-white);
  --design-color-icon-action-subtle: var(--hdir-color-primary-200);
  --design-color-icon-action-disabled: var(--hdir-color-primary-400);
  --design-color-icon-neutral-subtle: var(--color-greys-600);
}

/*# sourceMappingURL=theme-Helsedir.css.map */