/* =======================================================================
   DIRA — fonts/fonts.css
   -----------------------------------------------------------------------
   FONTS IN USE
     · Cormorant Garamond  — display / headings / logo wordmark (serif)
     · DM Sans             — body copy & UI (sans)
     · Jost                — eyebrows, navigation, buttons (utility sans)

   By default these load from Google Fonts (see the <link> in index.html),
   which is the fastest path for a static build.

   FOR WORDPRESS / SELF-HOSTING (recommended for production & privacy):
   1. Download the three families (woff2) into this /fonts folder.
   2. Uncomment the @font-face blocks below and remove the Google Fonts
      <link> in index.html. Everything else keeps working unchanged.
   ======================================================================= */

/* Refined type rendering — elevates the serif with proper ligatures.       */
.section-title,
.hero__title,
.brand__word,
.product__name,
.rev-card blockquote,
.values__quote,
.final-cta__title {
  font-feature-settings: "liga" 1, "dlig" 1, "kern" 1;
  font-kerning: normal;
}

/* Tabular, elegant numerals for prices and data.                           */
.product__price,
.cart-item__price,
.cart-drawer__total strong,
.quickview__price {
  font-feature-settings: "onum" 0, "lnum" 1, "tnum" 1;
}

/* -----------------------------------------------------------------------
   SELF-HOSTED FONT DECLARATIONS (uncomment after adding woff2 files)
   -----------------------------------------------------------------------
@font-face {
  font-family: "Cormorant Garamond";
  src: url("CormorantGaramond-Medium.woff2") format("woff2");
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("CormorantGaramond-MediumItalic.woff2") format("woff2");
  font-weight: 500; font-style: italic; font-display: swap;
}
@font-face {
  font-family: "DM Sans";
  src: url("DMSans-Regular.woff2") format("woff2");
  font-weight: 300 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Jost";
  src: url("Jost-SemiBold.woff2") format("woff2");
  font-weight: 600; font-style: normal; font-display: swap;
}
----------------------------------------------------------------------- */