/* ============================================================
   hop & cotton — Web fonts
   ------------------------------------------------------------
   REAL brand fonts, self-hosted from the supplied HC Fonts:
     · Josefin Sans      → headings / display      (assets/fonts/josefin)
     · Brandon Grotesque → body & UI               (assets/fonts/brandon)
     · Univers           → accessory / data sans   (assets/fonts/univers)

   STILL SUBSTITUTED: Canela (editorial serif) was NOT in the upload,
   so the serif accent uses Cormorant Garamond via Google Fonts until
   the licensed Canela binaries are provided.
   ============================================================ */

/* ---- Canela substitute (serif accent) + Josefin Sans display font ---- */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Josefin+Sans:wght@100;300;400;600;700&display=swap');

/* ---- Josefin Sans (display / headings) -------------------- */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal; font-weight: 100; font-display: swap;
  src: url('../assets/fonts/josefin/JosefinSans-Thin.ttf') format('truetype');
}
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal; font-weight: 300; font-display: swap;
  src: url('../assets/fonts/josefin/JosefinSans-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal; font-weight: 400; font-display: swap;
  src: url('../assets/fonts/josefin/JosefinSans-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal; font-weight: 600; font-display: swap;
  src: url('../assets/fonts/josefin/JosefinSans-SemiBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal; font-weight: 700; font-display: swap;
  src: url('../assets/fonts/josefin/JosefinSans-Bold.ttf') format('truetype');
}

/* ---- Brandon Grotesque (body & UI) ------------------------ */
@font-face {
  font-family: 'Brandon Grotesque';
  font-style: normal; font-weight: 100; font-display: swap;
  src: url('../assets/fonts/brandon/Brandon_thin.otf') format('opentype');
}
@font-face {
  font-family: 'Brandon Grotesque';
  font-style: normal; font-weight: 300; font-display: swap;
  src: url('../assets/fonts/brandon/Brandon_light.otf') format('opentype');
}
@font-face {
  font-family: 'Brandon Grotesque';
  font-style: normal; font-weight: 400; font-display: swap;
  src: url('../assets/fonts/brandon/Brandon_reg.otf') format('opentype');
}
@font-face {
  font-family: 'Brandon Grotesque';
  font-style: italic; font-weight: 400; font-display: swap;
  src: url('../assets/fonts/brandon/Brandon_reg_it.otf') format('opentype');
}
@font-face {
  /* medium covers the 500–600 range used across UI labels & buttons */
  font-family: 'Brandon Grotesque';
  font-style: normal; font-weight: 500 600; font-display: swap;
  src: url('../assets/fonts/brandon/Brandon_med.otf') format('opentype');
}
@font-face {
  font-family: 'Brandon Grotesque';
  font-style: normal; font-weight: 700; font-display: swap;
  src: url('../assets/fonts/brandon/Brandon_bld.otf') format('opentype');
}
@font-face {
  font-family: 'Brandon Grotesque';
  font-style: normal; font-weight: 800 900; font-display: swap;
  src: url('../assets/fonts/brandon/Brandon_blk.otf') format('opentype');
}

/* ---- Univers (accessory / data sans) ---------------------- */
@font-face {
  font-family: 'Univers';
  font-style: normal; font-weight: 300; font-display: swap;
  src: url('../assets/fonts/univers/Univers-Light.otf') format('opentype');
}
@font-face {
  font-family: 'Univers';
  font-style: normal; font-weight: 400; font-display: swap;
  src: url('../assets/fonts/univers/Univers.otf') format('opentype');
}