:root {
  --dui-color-black: #000000;
  --dui-color-white: #ffffff;
  --dui-color-brand-1: #0052CC;
  --dui-color-brand-2: #E8F0FF;
  --dui-color-brand-3: #003E99;
  --dui-color-charcoal: #353f48;
  --dui-color-silver: #d8dcdd;
  --dui-color-grey: #a1a1a1;
  --dui-color-light-grey: #ededed;
  --dui-color-dark-grey: #545454;
  --dui-color-border-default: #5D7792;
  --dui-color-border-light: #b8c7d6;
  --dui-color-border-dark: #46596e;
  --dui-color-body: #303D4B;
  --dui-color-heading: #303D4B;
  --dui-color-link-enabled: #0d4cab;
  --dui-color-link-hover: #1c6fee;
  --dui-color-link-visited: #011773;
  --dui-color-state-error: #b9121b;
  --dui-color-state-info: #0d47a1;
  --dui-color-state-success: #168039;
  --dui-color-state-warning: #b95c12;
  --dui-color-focus: #1c6fee;
  --dui-color-background-secondary: #002966;
  --dui-color-marker: #003E99;
  --dui-color-highlight: #003E99;
  --dui-breakpoint-xxs: 0;
  --dui-breakpoint-xs: 368px;
  --dui-breakpoint-s: 576px;
  --dui-breakpoint-m: 768px;
  --dui-breakpoint-l: 992px;
  --dui-breakpoint-xl: 1280px;
  --dui-breakpoint-xxl: 1440px;
  --dui-card-accent-bg: var(--dui-color-brand-1, #0052CC);
  --dui-card-accent-text: var(--dui-color-white, #ffffff);
  --dui-card-bg-color: var(--dui-color-white, #ffffff);
  --dui-card-border-radius: 1rem;
  --dui-card-border-color: #5D7792;
  --dui-card-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.04), 0 6px 16px 0 rgba(0, 0, 0, 0.10);
}