/*=========================
   Table of Contents
=========================*/
/*
   10  Inter
   37  Lora
   48  Material Symbols
   65  Playfair Display
   85  Cormorant Garamond
   115 Montserrat
   135 Raleway
   155 Great Vibes
*/
/* Playfair Display/Cormorant Garamond/Montserrat/Raleway/Great Vibes:
   the vendorized weights exactly match what the public sites use —
   Playfair/Cormorant as the fixed --font-heading per theme (see
   css/sites/themes/*.css) and the 7 fonts (Inter included) as the
   editor's font picker options (event.page.font_family, see
   static/js/editor/general.js) — moved off the Google Fonts CDN. */

/* CSS Layers — explicit precedence order, independent of file load
   order. fonts.css is always the first CSS loaded in the editor, so the
   order is locked in here before any individual @layer is opened (the
   first mention of each layer name in the document fixes its position —
   declaring it early keeps the real <link> order in templates from
   deciding by accident). See docs/frontend/css.md. */
@layer core, workspace, site, editor;

@layer core {
  /*=========================
   Inter
=========================*/
  @font-face {
    font-family: "Inter";
    src: url("../../vendor/fonts/inter/inter-latin-400-normal.woff2")
      format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Inter";
    src: url("../../vendor/fonts/inter/inter-latin-500-normal.woff2")
      format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Inter";
    src: url("../../vendor/fonts/inter/inter-latin-600-normal.woff2")
      format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Inter";
    src: url("../../vendor/fonts/inter/inter-latin-700-normal.woff2")
      format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Inter";
    src: url("../../vendor/fonts/inter/inter-latin-800-normal.woff2")
      format("woff2");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
  }
  /*=========================
   Lora
=========================*/
  @font-face {
    font-family: "Lora";
    src: url("../../vendor/fonts/lora/lora-latin-400-normal.woff2")
      format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Lora";
    src: url("../../vendor/fonts/lora/lora-latin-500-normal.woff2")
      format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Lora";
    src: url("../../vendor/fonts/lora/lora-latin-600-normal.woff2")
      format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Lora";
    src: url("../../vendor/fonts/lora/lora-latin-700-normal.woff2")
      format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }
  /*=========================
   Material Symbols
=========================*/
  @font-face {
    font-family: "Material Symbols Rounded";
    src: url("../../vendor/fonts/material/material-symbols-rounded.woff2")
      format("woff2");
    font-weight: normal;
    font-style: normal;
  }
  .material-symbols-rounded {
    font-family: "Material Symbols Rounded";
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
  }
  /*=========================
   Playfair Display
=========================*/
  @font-face {
    font-family: "Playfair Display";
    src: url("../../vendor/fonts/playfair-display/playfair-display-latin-400-normal.woff2")
      format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Playfair Display";
    src: url("../../vendor/fonts/playfair-display/playfair-display-latin-500-normal.woff2")
      format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Playfair Display";
    src: url("../../vendor/fonts/playfair-display/playfair-display-latin-600-normal.woff2")
      format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Playfair Display";
    src: url("../../vendor/fonts/playfair-display/playfair-display-latin-700-normal.woff2")
      format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Playfair Display";
    src: url("../../vendor/fonts/playfair-display/playfair-display-latin-800-normal.woff2")
      format("woff2");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
  }
  /*=========================
   Cormorant Garamond
=========================*/
  @font-face {
    font-family: "Cormorant Garamond";
    src: url("../../vendor/fonts/cormorant-garamond/cormorant-garamond-latin-400-normal.woff2")
      format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Cormorant Garamond";
    src: url("../../vendor/fonts/cormorant-garamond/cormorant-garamond-latin-500-normal.woff2")
      format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Cormorant Garamond";
    src: url("../../vendor/fonts/cormorant-garamond/cormorant-garamond-latin-500-italic.woff2")
      format("woff2");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
  }
  @font-face {
    font-family: "Cormorant Garamond";
    src: url("../../vendor/fonts/cormorant-garamond/cormorant-garamond-latin-600-normal.woff2")
      format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Cormorant Garamond";
    src: url("../../vendor/fonts/cormorant-garamond/cormorant-garamond-latin-600-italic.woff2")
      format("woff2");
    font-weight: 600;
    font-style: italic;
    font-display: swap;
  }
  @font-face {
    font-family: "Cormorant Garamond";
    src: url("../../vendor/fonts/cormorant-garamond/cormorant-garamond-latin-700-normal.woff2")
      format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }
  /*=========================
   Montserrat
=========================*/
  @font-face {
    font-family: "Montserrat";
    src: url("../../vendor/fonts/montserrat/montserrat-latin-400-normal.woff2")
      format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Montserrat";
    src: url("../../vendor/fonts/montserrat/montserrat-latin-500-normal.woff2")
      format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Montserrat";
    src: url("../../vendor/fonts/montserrat/montserrat-latin-600-normal.woff2")
      format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Montserrat";
    src: url("../../vendor/fonts/montserrat/montserrat-latin-700-normal.woff2")
      format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Montserrat";
    src: url("../../vendor/fonts/montserrat/montserrat-latin-800-normal.woff2")
      format("woff2");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
  }
  /*=========================
   Raleway
=========================*/
  @font-face {
    font-family: "Raleway";
    src: url("../../vendor/fonts/raleway/raleway-latin-400-normal.woff2")
      format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Raleway";
    src: url("../../vendor/fonts/raleway/raleway-latin-500-normal.woff2")
      format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Raleway";
    src: url("../../vendor/fonts/raleway/raleway-latin-600-normal.woff2")
      format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Raleway";
    src: url("../../vendor/fonts/raleway/raleway-latin-700-normal.woff2")
      format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Raleway";
    src: url("../../vendor/fonts/raleway/raleway-latin-800-normal.woff2")
      format("woff2");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
  }
  /*=========================
   Great Vibes
=========================*/
  @font-face {
    font-family: "Great Vibes";
    src: url("../../vendor/fonts/great-vibes/great-vibes-latin-400-normal.woff2")
      format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
}