@font-face {
  font-family: "Audrey Text";
  src:
    url("../fonts/audrey/AudreyText-RegularWEB.woff2") format("woff2"),
    url("../fonts/audrey/AudreyText-RegularWEB.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Audrey Text";
  src:
    url("../fonts/audrey/AudreyText-ItalicWEB.woff2") format("woff2"),
    url("../fonts/audrey/AudreyText-ItalicWEB.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Audrey Text";
  src:
    url("../fonts/audrey/AudreyText-BoldWEB.woff2") format("woff2"),
    url("../fonts/audrey/AudreyText-BoldWEB.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Audrey Text";
  src:
    url("../fonts/audrey/AudreyText-BoldItalicWEB.woff2") format("woff2"),
    url("../fonts/audrey/AudreyText-BoldItalicWEB.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Audrey Display";
  src:
    url("../fonts/audrey/AudreyDisplay-BoldWEB.woff2") format("woff2"),
    url("../fonts/audrey/AudreyDisplay-BoldWEB.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Audrey Display";
  src:
    url("../fonts/audrey/AudreyDisplay-BoldItalicWEB.woff2") format("woff2"),
    url("../fonts/audrey/AudreyDisplay-BoldItalicWEB.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

:root {
  --mcd-font-text: "Audrey Text", Arial, Helvetica, sans-serif;
  --mcd-font-display: "Audrey Display", "Audrey Text", Arial, Helvetica, sans-serif;
}

.mcd-donation-widget,
.mcd-login {
  font-family: var(--mcd-font-text);
}

.mcd-donation-widget .mcd-tab,
.mcd-donation-widget .mcd-amount,
.mcd-donation-widget .mcd-other,
.mcd-donation-widget .mcd-subtitle,
.mcd-donation-widget .mcd-submit {
  font-family: var(--mcd-font-display);
}