:root {
  /* brand main color */
  --color-primary: #003d6e;
  /* global body background */
  --color-body: #fcfcfa;
  /* header, footer, decoration background color */
  --color-header: #edf3f5;
  --color-footer: #edf3f5;
  /* highlighting areas and parts, brighter/darker than --color-body */
  --color-highlight-area: #fff;
  /* colors for interaction elements like ctas */
  --color-interaction: #004b86;
  --color-interaction-gradient-start: #0076d4;
  --color-interaction-gradient-end: #003d6e;
  /* typography */
  --color-text: #001321;
  --color-text-invert: #fff;
  --color-display: #003d6e;
  /* decoration like banner, quotes */
  --color-decoration: #e9f2f5;
  /* decoration overlays */
  --color-overlay-1: #233e74;
  --color-overlay-2: #32619c;
  --color-overlay-3: #4e8ac2;
}