:root{
  --brand-main-primary: #213c67;
  --brand-main-secondary: #966f39;
  --brand-main-complement: #476583;
  --brand-tint-primary-lightest: #f0f4fa;
  --brand-tint-primary-lighter: #d1ddf0;
  --brand-tint-primary-light: #93afdc;
  --brand-tint-primary-dark: #1e365c;
  --brand-tint-primary-darker: #14243e;
  --brand-tint-primary-darkest: #0a121f;
  --brand-tint-secondary-lightest: #f9f6f0;
  --brand-tint-secondary-lighter: #e8ca9e;
  --brand-tint-secondary-light: #d3a461;
  --brand-tint-secondary-dark: #76582d;
  --brand-tint-secondary-darker: #594222;
  --brand-tint-secondary-darkest: #3b2c16;
  --brand-tint-complement-lightest: #f2f5f7;
  --brand-tint-complement-lighter: #d8e0e8;
  --brand-tint-complement-light: #b2c2d2;
  --brand-tint-complement-dark: #445c74;
  --brand-tint-complement-darker: #2d3d4d;
  --brand-tint-complement-darkest: #171f27;
  --overlay-default: rgba(3, 51, 51, 0.8);
  --overlay-thumbnail-hover: rgba(255, 255, 255, 0.3);
  --overlay-thumbnail-press: rgba(255, 255, 255, 0.6);
  --overlay-highlighted-text: rgba(0, 148, 255, 0.2);
  --overlay-responsive-nav-press: rgba(255, 255, 255, 0.1);
  --brand-font: var(--font-red-hat-display);
}