/*
  Typography control center for the site.
  Editing this file lets you swap fonts everywhere without touching the markup.
*/
@font-face {
  font-family: "magic-whisper";
  src: url("./fonts/magic-whisper.woff2") format("woff2"),
       url("./fonts/magic-whisper.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

:root {
  /* Update these variables to change the site-wide font stacks */
  --font-body: Georgia, "Times New Roman", serif;
  --font-headline: "magic-whisper", Georgia, "Times New Roman", serif;
  --font-button: "Sultan", "Times New Roman", Georgia, serif;
}

body,
.font-body {
  font-family: var(--font-body, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
}

.font-headline,
.headline {
  font-family: var(--font-headline, "magic-whisper", Georgia, "Times New Roman", serif);
}

.font-button,
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.cta-button {
  font-family: var(--font-button, "Sultan", "Times New Roman", Georgia, serif);
}