/* The Observer — webfonts
   Caslon Ionic = display/headline serif (also used for buttons, labels)
   Caslon Doric = text/sans workhorse (bylines, meta, captions, UI copy)
   FS Koopman = internal Figma-annotation face only; NOT shipped as a webfont
   here (no files were provided). UI "sans" usage in the live product is
   carried by Caslon Doric — see readme.md CAVEATS. */

@font-face {
  font-family: "Caslon Ionic";
  src: url("../assets/fonts/CaslonIonic-Light-Web.woff2") format("woff2"),
       url("../assets/fonts/CaslonIonic-Light-Web.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Caslon Ionic";
  src: url("../assets/fonts/CaslonIonic-LightItalic-Web.woff2") format("woff2"),
       url("../assets/fonts/CaslonIonic-LightItalic-Web.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Caslon Ionic";
  src: url("../assets/fonts/CaslonIonic-Regular-Web.woff2") format("woff2"),
       url("../assets/fonts/CaslonIonic-Regular-Web.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Caslon Ionic";
  src: url("../assets/fonts/CaslonIonic-RegularItalic-Web.woff2") format("woff2"),
       url("../assets/fonts/CaslonIonic-RegularItalic-Web.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Caslon Ionic";
  src: url("../assets/fonts/CaslonIonic-Bold-Web.woff2") format("woff2"),
       url("../assets/fonts/CaslonIonic-Bold-Web.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Caslon Ionic";
  src: url("../assets/fonts/CaslonIonic-BoldItalic-Web.woff2") format("woff2"),
       url("../assets/fonts/CaslonIonic-BoldItalic-Web.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Caslon Doric";
  src: url("../assets/fonts/CaslonDoric-Regular-Web.woff2") format("woff2"),
       url("../assets/fonts/CaslonDoric-Regular-Web.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Caslon Doric";
  src: url("../assets/fonts/CaslonDoric-RegularItalic-Web.woff2") format("woff2"),
       url("../assets/fonts/CaslonDoric-RegularItalic-Web.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Caslon Doric";
  src: url("../assets/fonts/CaslonDoric-Semibold-Web.woff2") format("woff2"),
       url("../assets/fonts/CaslonDoric-Semibold-Web.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Caslon Doric";
  src: url("../assets/fonts/CaslonDoric-SemiboldItalic-Web.woff2") format("woff2"),
       url("../assets/fonts/CaslonDoric-SemiboldItalic-Web.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

:root {
  --font-display: "Caslon Ionic", ui-serif, Georgia, "Times New Roman", serif;
  --font-text: "Caslon Doric", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}