:root {
  --variant: #223657;
  --OnSurface: #223657;
  --surfaceBackground: #ffffff;
  --primaryAccent: #223657;
  --secondaryAccent: #223657;
  --secondaryAccentOpacity: #22365733;
  --primaryBtn: #eb8243;
  --primaryBtnHover: #f78d2c;
  --primaryBtnFocus: #f78d2c4d;
  --secondaryBtn: #d9d9d9;
  --secondaryBtnHover: #213756;
  --tertiaryBtn: #eb8243;
  --tertiaryBtnHover: #f78d2c;
  --inputAccent: #eb8243;
  --link: #eb8243;
  --linkSecondary: #223657;
  --linkHover: #eb8243;
  --footerbgLight: #223657cc;
  --footerbgDark: #213756;
  --footerText: #ffffff;
  --success: #008636;
  --secondaryGrey: #646464;
  --error: #b10000;
  --base-font: 'Brandon';
}

.recommended-tab {
  filter: brightness(0) saturate(100%) invert(18%) sepia(12%) saturate(2851%)
    hue-rotate(179deg) brightness(94%) contrast(90%);
}

.plaid-primary {
  filter: invert(67%) sepia(30%) saturate(4998%) hue-rotate(335deg)
    brightness(103%) contrast(84%);
}

.modal-body a {
  color: #eb8243;
}

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

html {
  background-color: #f6f6f6;
  color: #646464;
}