:root {
  --variant: #002b49;
  --OnSurface: #444444;
  --surfaceBackground: #ffffff;
  --primaryAccent: #dc0032;
  --secondaryAccent: #007ac9;
  --primaryAccentOpacity: #dc003266;
  --secondaryAccentOpacity: #007ac933;
  --primaryBtn: #3db5e6;
  --primaryBtnHover: #007ac9;
  --primaryBtnFocus: #007ac980;
  --secondaryBtn: #d9d9d9;
  --secondaryBtnHover: #ababab;
  --tertiaryBtn: #3db5e6;
  --tertiaryBtnHover: #3db6e68c;
  --footerbgLight: #ababab;
  --footerbgDark: #333333;
  --inputAccent: #007ac9;
  --link: #007ac9;
  --linkOpacity: #007ac966;
  --linkSecondary: #223657;
  --linkHover: #007ac9;
  --footerText: #d0d3d4;
  --success: #008636;
  --secondaryGrey: #646464;
  --error: #b10000;
  --base-font: 'Roboto';
}

html {
  background-color: #ffffff;
  color: #444444;
}

.modal-body a {
  color: #007ac9;
}

.modal-body a:hover {
  text-decoration: underline;
}

.plaid {
  filter: invert(0%);
}