@font-face {
  font-family: 'DM Sans';
  src: url('../fonts/DMSans-VariableFont_opsz,wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --background-contrast-high: #f2f1ec;
  --background-contrast-inverse: #161515;
  --background-contrast-medium: #f7f6f4;
  --background-contrast-none: #ffffff;
  --background-data-blue: #eaf5ff;
  --background-data-cyan: #adffff;
  --background-data-purple: #f6eefd;
  --background-data-seafoam: #e1f5eb;
  --background-data-yellow: #fef1ba;
  --background-interactive-negative-hovered: #ffede6;
  --background-interactive-negative-pressed: #ffded2;
  --background-interactive-negative-resting: #fff4f0;
  --background-interactive-positive-hovered: #e1f5eb;
  --background-interactive-positive-pressed: #c8eedb;
  --background-interactive-positive-resting: #edf9f3;
  --background-interactive-prominent-hovered: #eaf5ff;
  --background-interactive-prominent-pressed: #d9edff;
  --background-interactive-prominent-resting: #f3f9ff;
  --background-status-caution: #fef1ba;
  --background-status-disabled: #e7e5df;
  --background-status-info: #f6eefd;
  --background-status-negative: #ffede6;
  --background-status-neutral: #f2f1ec;
  --background-status-positive: #e1f5eb;
  --background-status-prominent: #eaf5ff;
  --base-neutral-hovered: #f2f1ec;
  --base-neutral-pressed: #e7e5df;
  --base-neutral-resting: #f7f6f4;
  --graphic-contrast-high: #242423;
  --graphic-contrast-inverse: #ffffff;
  --graphic-contrast-low: #e7e5df;
  --graphic-contrast-medium: #8a8985;
  --graphic-data-blue: #6087d9;
  --graphic-data-cyan: #00989d;
  --graphic-data-purple: #a26fe9;
  --graphic-data-seafoam: #289b67;
  --graphic-data-yellow: #e5b912;
  --graphic-interactive-negative-hovered: #88311e;
  --graphic-interactive-negative-pressed: #562317;
  --graphic-interactive-negative-resting: #c04226;
  --graphic-interactive-neutral-hovered: #6e6d6a;
  --graphic-interactive-neutral-pressed: #4f4e4c;
  --graphic-interactive-neutral-resting: #8a8985;
  --graphic-interactive-prominent-hovered: #024d95;
  --graphic-interactive-prominent-pressed: #15325d;
  --graphic-interactive-prominent-resting: #006ccf;
  --graphic-status-caution: #a7850d;
  --graphic-status-disabled: #c0beb9;
  --graphic-status-info: #a26fe9;
  --graphic-status-negative: #f2502b;
  --graphic-status-neutral: #8a8985;
  --graphic-status-positive: #289b67;
  --graphic-status-prominent: #006ccf;
  --text-contrast-high: #242423;
  --text-contrast-inverse: #ffffff;
  --text-contrast-low: #4f4e4c;
  --text-contrast-medium: #333231;
  --text-contrast-minimum: #6e6d6a;
  --text-data-blue: #006ccf;
  --text-data-cyan: #007a7e;
  --text-data-purple: #8157c0;
  --text-data-seafoam: #1f7c53;
  --text-data-yellow: #87690b;
  --text-interactive-negative-hovered: #88311e;
  --text-interactive-negative-pressed: #562317;
  --text-interactive-negative-resting: #c04226;
  --text-interactive-neutral-hovered: #333231;
  --text-interactive-neutral-pressed: #242423;
  --text-interactive-neutral-resting: #4f4e4c;
  --text-interactive-prominent-hovered: #024d95;
  --text-interactive-prominent-pressed: #15325d;
  --text-interactive-prominent-resting: #006ccf;
  --text-status-caution: #87690b;
  --text-status-disabled: #c0beb9;
  --text-status-info: #8157c0;
  --text-status-negative: #c04226;
  --text-status-neutral: #6e6d6a;
  --text-status-positive: #1f7c53;
  --text-status-prominent: #006ccf;
}