:root {
  --font-family-base: barlow, system-ui, -apple-system, segoe ui, roboto, ubuntu, cantarell, noto sans, sans-serif, blinkmacsystemfont, -apple-system, segoe ui, roboto, oxygen, ubuntu, cantarell, fira sans, droid sans, helvetica neue, sans-serif;
  --font-family-heading: literata, system-ui, -apple-system, segoe ui, roboto, ubuntu, cantarell, noto sans, sans-serif, blinkmacsystemfont, -apple-system, segoe ui, roboto, oxygen, ubuntu, cantarell, fira sans, droid sans, helvetica neue, sans-serif;
  --font-family-button: barlow, system-ui, -apple-system, segoe ui, roboto, ubuntu, cantarell, noto sans, sans-serif, blinkmacsystemfont, -apple-system, segoe ui, roboto, oxygen, ubuntu, cantarell, fira sans, droid sans, helvetica neue, sans-serif;
  --font-weight-base: 400;
  --font-weight-base-bold: 500;
  --font-weight-heading: 400;
  --font-weight-heading-bold: 400;
  --font-weight-button: 500;
  --font-size-xs: 0.75rem;
  --font-size-s: 0.875rem;
  --font-size-m: 1rem;
  --font-size-l: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-xxl: 1.5rem;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-accent: #000c9e;
  --color-accent-light: #000c9e;
  --color-accent-dark: #00096b;
  --color-status-success: #0f805e;
  --color-status-success-light: #00996b;
  --color-status-error: #cc2828;
  --color-status-warning: #c27800;
  --color-status-warning-light: #ffab24;
  --color-surface-light: #c4e9f9;
  --color-surface-lighter: #ebf2f5;
  --color-grey-5: #0d0d0d;
  --color-grey-10: #191b1b;
  --color-grey-20: #303436;
  --color-grey-30: #494f51;
  --color-grey-40: #61686b;
  --color-grey-50: #7a8386;
  --color-grey-70: #afb5b7;
  --color-grey-80: #c9cdcf;
  --color-grey-90: #e4e6e6;
  --color-grey-95: #f1f2f3;
  --color-text-base: #191b1b;
  --color-text-link: #000c9e;
  --color-text-link-hover: #00096b;
  --color-text-label: #00096b;
  --color-text-heading: #181a1b;
  --color-text-heading-eyebrow: #191b1b;
  --color-text-badge-muted: #0d0d0d;
  --color-text-accordion-heading: #181a1b;
  --color-text-sidebar: #ffffff;
  --color-text-input-placeholder: #7a8386;
  --color-outline-focus: #26a3d9;
  --color-icon-heading: #00096b;
  --color-icon-input-file: #000c9e;
  --color-background-body: #ebf2f5;
  --color-background-section-light: #f8fafc;
  --color-background-section-dark: #000c9e;
  --color-background-section-darkest: #000c9e;
  --color-background-nav: #00749e;
  --color-background-nav-dark: #00096b;
  --color-background-footer: #c4e9f9;
  --color-background-button-primary: #000c9e;
  --color-background-card-active: #e2eef3;
  --color-background-card-hover: #f1fafd;
  --color-background-topbar: #ffffff;
  --color-background-accent: #eff7fb;
  --color-background-status-success: #d7efe8;
  --color-background-status-error: #fdf2f2;
  --color-background-profile-image-error: #f0c1c1;
  --color-border-base: #7a8386;
  --color-border-light: #c9cdcf;
  --color-border-button-default: #00096b;
  --color-border-checkbox: #000c9e;
  --color-border-radio: #000c9e;
  --color-border-card-active: #000c9e;
  --color-button-flat: #000c9e;
  --color-button-default: #000c9e;
  --color-button-primary: #ffffff;
  --color-button-hover: rgba(0, 0, 0, 0.1500);
  --line-height-body: 1.5;
  --line-height-heading-xxl: 1.25;
  --line-height-heading-xl: 1.25;
  --line-height-heading-m: 1.25;
  --line-height-input: 1.25;
  --line-height-single: 1;
  --border-radius-s: 4px;
  --border-radius-m: 8px;
  --border-radius-pill: 9999px;
  --border-width-s: 1px;
  --space-xxs: 4px;
  --space-xs: 8px;
  --space-s: 12px;
  --space-m: 16px;
  --space-l: 24px;
  --space-xl: 32px;
  --space-xxl: 48px;
  --box-shadow-topbar: 0 -80px 160px #00000080;
  --root-font-size: 16px;
}