:root {
  --brand: #1f4e79;
  --brand-light: #255e91;
  --brand-deep: #132f48;
  --brand-dark: #183c5d;
  --brand-darkest: #153450;
  --brand-shadow: #102940;
  --brand-shadow-deep: #081420;
  --brand-soft: #c0cdd9;
  --brand-tint: #edeeec;
  --on-brand: #ffffff;
  --on-brand-soft: #f3e4da;
  --on-brand-tint: #f6e9d2;
  --on-brand-bright: #fff8ec;
  --brand-2: #9a8451;
  --brand-2-deep: #72623c;
  --brand-2-soft: #d7ceb9;
  --brand-2-light: #bdaf8e;
  --brand-2-text: #72623c;
  --brand-vivid: #1969b3;
  --brand-vivid-hover: #1c76c9;
  --brand-vivid-text: #1f83df;
  --brand-vivid-light: #1b73c5;
  --brand-vivid-dark: #155998;
  --brand-bold: #1969b3;
  --brand-bold-dark: #155998;
}