/*
  Adobe Fonts setup
  Local development: Creative Cloud has Myriad Pro and IvyPresto Display installed,
  so the display-name fallbacks below can still render on this Mac.

  Web deployment:
  The approved Adobe Fonts web project supplies myriad-pro and ivypresto-display.
*/

@import url("https://use.typekit.net/oph6qpq.css");

@font-face {
  font-family: "myriad-pro";
  src: local("Myriad Pro Light"), local("MyriadPro-Light");
  font-style: normal;
  font-weight: 300;
}

@font-face {
  font-family: "myriad-pro";
  src: local("Myriad Pro Light Italic"), local("MyriadPro-LightIt");
  font-style: italic;
  font-weight: 300;
}

@font-face {
  font-family: "myriad-pro";
  src: local("Myriad Pro"), local("MyriadPro-Regular");
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "myriad-pro";
  src: local("Myriad Pro Italic"), local("MyriadPro-It");
  font-style: italic;
  font-weight: 400;
}

@font-face {
  font-family: "myriad-pro";
  src: local("Myriad Pro Semibold"), local("MyriadPro-Semibold");
  font-style: normal;
  font-weight: 600;
}

@font-face {
  font-family: "myriad-pro";
  src: local("Myriad Pro Semibold Italic"), local("MyriadPro-SemiboldIt");
  font-style: italic;
  font-weight: 600;
}

@font-face {
  font-family: "myriad-pro";
  src: local("Myriad Pro Bold"), local("MyriadPro-Bold");
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: "myriad-pro";
  src: local("Myriad Pro Bold Italic"), local("MyriadPro-BoldIt");
  font-style: italic;
  font-weight: 700;
}

@font-face {
  font-family: "myriad-pro";
  src: local("Myriad Pro Black"), local("MyriadPro-Black");
  font-style: normal;
  font-weight: 900;
}

@font-face {
  font-family: "myriad-pro";
  src: local("Myriad Pro Black Italic"), local("MyriadPro-BlackIt");
  font-style: italic;
  font-weight: 900;
}

@font-face {
  font-family: "ivypresto-display";
  src: local("IvyPresto Display Thin"), local("IvyPrestoDisplay-Thin");
  font-style: normal;
  font-weight: 100;
}

@font-face {
  font-family: "ivypresto-display";
  src: local("IvyPresto Display Thin Italic"), local("IvyPrestoDisplay-ThinItalic");
  font-style: italic;
  font-weight: 100;
}

@font-face {
  font-family: "ivypresto-display";
  src: local("IvyPresto Display Light"), local("IvyPrestoDisplay-Light");
  font-style: normal;
  font-weight: 300;
}

@font-face {
  font-family: "ivypresto-display";
  src: local("IvyPresto Display Light Italic"), local("IvyPrestoDisplay-LightItalic");
  font-style: italic;
  font-weight: 300;
}

@font-face {
  font-family: "ivypresto-display";
  src: local("IvyPresto Display Regular"), local("IvyPrestoDisplay-Regular");
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "ivypresto-display";
  src: local("IvyPresto Display Italic"), local("IvyPrestoDisplay-Italic");
  font-style: italic;
  font-weight: 400;
}

@font-face {
  font-family: "ivypresto-display";
  src: local("IvyPresto Display SemiBold"), local("IvyPrestoDisplay-SemiBold");
  font-style: normal;
  font-weight: 600;
}

@font-face {
  font-family: "ivypresto-display";
  src: local("IvyPresto Display SemiBold Italic"), local("IvyPrestoDisplay-SemiBoldItalic");
  font-style: italic;
  font-weight: 600;
}

@font-face {
  font-family: "ivypresto-display";
  src: local("IvyPresto Display Bold"), local("IvyPrestoDisplay-Bold");
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: "ivypresto-display";
  src: local("IvyPresto Display Bold Italic"), local("IvyPrestoDisplay-BoldItalic");
  font-style: italic;
  font-weight: 700;
}

:root {
  --font-body: "myriad-pro", "Myriad Pro", sans-serif;
  --font-heading: "ivypresto-display", "IvyPresto Display", serif;
  --sans: var(--font-body);
  --serif: var(--font-heading);
}

body,
button,
input,
select,
textarea {
  font-family: var(--font-body);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading);
}