/* ============================================================
   Dorothy's — Self-hosted fonts
   ------------------------------------------------------------
   These @font-face rules load the fonts from the /fonts folder
   so they work online without relying on the viewer's device.

   TO SWAP / UPLOAD NEW FONTS LATER:
   Just drop the new file into /fonts and update the matching
   `src: url(...)` line below. Keep the `font-family` names the
   same and the rest of the design keeps working unchanged.
   ============================================================ */

/* --- Libre Caslon Text (body copy, menu items, prices) --- */
@font-face {
  font-family: "Libre Caslon Text";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/LibreCaslonText-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Libre Caslon Text";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/LibreCaslonText-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "Libre Caslon Text";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/LibreCaslonText-Bold.ttf") format("truetype");
}

/* --- Sackers Gothic (section headings, all-caps) --- */
@font-face {
  font-family: "Sackers Gothic";
  font-style: normal;
  font-weight: 300; /* Light */
  font-display: swap;
  src: url("../fonts/SackersGothic-Light.woff2") format("woff2");
}
@font-face {
  font-family: "Sackers Gothic";
  font-style: normal;
  font-weight: 500; /* Medium */
  font-display: swap;
  src: url("../fonts/SackersGothic-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Sackers Gothic";
  font-style: normal;
  font-weight: 800; /* Heavy */
  font-display: swap;
  src: url("../fonts/SackersGothic-Heavy.woff2") format("woff2");
}