/* The storefront's typefaces, in the style of honeygrow.com: Apfel Grotezk for headings
   and buttons, and Josefin Sans (a free stand-in for honeygrow's Brandon Grotesque) for
   body text. Both are SIL Open Font License fonts, served from app/assets/fonts (with
   their licences), Latin characters only. Loaded after style.css; see layouts/_head. */

@font-face {
  font-family: "Apfel Grotezk";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/apfel-grotezk/apfel-grotezk-latin-400-normal-a371890a.woff2") format("woff2");
}
@font-face {
  font-family: "Apfel Grotezk";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/apfel-grotezk/apfel-grotezk-latin-700-normal-69dd1ee9.woff2") format("woff2");
}
@font-face {
  font-family: "Josefin Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/josefin-sans/josefin-sans-latin-400-normal-e09b223a.woff2") format("woff2");
}
@font-face {
  font-family: "Josefin Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/josefin-sans/josefin-sans-latin-600-normal-44669d85.woff2") format("woff2");
}
@font-face {
  font-family: "Josefin Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/josefin-sans/josefin-sans-latin-700-normal-5f874a08.woff2") format("woff2");
}

/* Bootstrap reads the body font from this variable, so everything inherits it. */
:root {
  --bs-body-font-family: "Josefin Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.display-1, .display-2, .display-3, .display-4, .display-5, .display-6,
.btn {
  font-family: "Apfel Grotezk", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Prices: Josefin Sans' thin, vintage numerals read poorly as prices, so they use
   Apfel Grotezk, with equal-width digits so amounts line up in the cart. */
.text-price {
  font-family: "Apfel Grotezk", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-variant-numeric: tabular-nums;
}