:root {
  --dxp-g-root-font-family: 'Figtree', Helvetica, sans-serif;
  --dxp-g-heading-font-family: 'Montserrat', Helvetica, sans-serif;
  --dxp-s-button-font-family: 'Montserrat', sans-serif;

  --fds-accent-color-bas: rgb(206, 0, 20);
  --fds-accent-color-lc: rgb(18, 64, 137);
  --fds-accent-color-bas-hover: rgb(165, 27, 45);
  --fds-accent-color-lc-hover: rgb(69, 116, 205);
  --fds-accent-color-bas-secondary: rgba(206, 0, 20, 0.1);
  --fds-accent-color-lc-secondary: rgba(69, 116, 205, 0.1);
  --fds-accent-color-bas-secondary-hover: rgba(221, 0, 22, 0.1);
  --fds-accent-color-lc-secondary-hover: rgba(74, 128, 230, 0.1);
  --fds-bg-color-base: rgb(245, 245, 245);
  --fds-bg-color-base-hover: rgb(255, 255, 255);
  --fds-bg-color-raised-1: rgb(255, 255, 255);
  --fds-bg-color-raised-1-hover: rgba(0, 0, 0, 0.05);
  --fds-bg-color-input: rgb(245, 245, 245);
  --fds-bg-color-input-disabled: rgb(230, 230, 230);
  --fds-bg-color-base-slightly-transparent: rgba(255, 255, 255, 0.85);
  --fds-border-color-light-gray: rgb(230, 230, 230);
  --fds-border-color-dark-gray: rgb(160, 160, 160);
  --fds-color-success: rgb(0, 180, 0);
  --fds-color-error: rgb(255, 0, 0);
  --fds-color-warning: rgb(220, 100, 0);
  --fds-color-progress: rgb(130, 0, 220);
  --fds-color-note: rgb(0, 90, 170);
  --fds-color-gray: rgba(120, 120, 120);
  --fds-color-success-lowopacity: rgba(0, 180, 0, 0.1);
  --fds-color-error-lowopacity: rgba(255, 0, 0, 0.1);
  --fds-color-warning-lowopacity: rgba(220, 100, 0, 0.1);
  --fds-color-progress-lowopacity: rgba(130, 0, 220, 0.1);
  --fds-color-note-lowopacity: rgba(0, 90, 170, 0.1);
  --fds-color-gray-lowopacity: rgba(0, 0, 0, 0.05);
  --fds-color-text-success: var(--fds-color-success);
  --fds-color-text-warning: var(--fds-color-warning);
  --fds-color-text: rgb(0, 0, 0);
}