/* ==========================================================
   FONTS
   
   Display: Bourgeois (custom, local) — commercial family
   — Bourgeois-Med / Bourgeois-MedCond for nav + headings
   — Bourgeois-Bold for strong emphasis (CTAs, active states)
   — Bourgeois-Light for muted captions / subtitles
   
   Body: Inter (Google) — unchanged from previous pass
   Utility: DM Mono (Google) — unchanged
   
   NOTE: Only 5 weights are loaded below to keep performance
   reasonable. Bourgeois has 40 total style variants on your
   system — if you want more wired in later (Ultra, Italics,
   Alt versions), just tell me which roles need them and I'll
   add the @font-face blocks.
   
   FILE NAMING: place these in /assets/fonts/ using this
   exact naming convention (rename after you convert to
   web formats):
   
     Bourgeois-Light.woff2      Bourgeois-Light.woff
     Bourgeois-Book.woff2       Bourgeois-Book.woff
     Bourgeois-Med.woff2        Bourgeois-Med.woff
     Bourgeois-MedCond.woff2    Bourgeois-MedCond.woff
     Bourgeois-Bold.woff2       Bourgeois-Bold.woff
   
   Use woff2 as primary (smaller, modern browser support is
   universal) with woff as fallback. You do NOT need ttf/otf
   on the web — convert during your export step.
   ========================================================== */

/* Inter — body text */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&display=swap");

/* DM Mono — utility / captions / data */
@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400&display=swap");

/* ===== BOURGEOIS — DISPLAY FAMILY ===== */

@font-face {
  font-family: "Bourgeois-Light";
  src: url("../assets/fonts/Bourgeois-Light.woff2") format("woff2"),
       url("../assets/fonts/Bourgeois-Light.woff")  format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bourgeois-Book";
  src: url("../assets/fonts/Bourgeois-Book.woff2") format("woff2"),
       url("../assets/fonts/Bourgeois-Book.woff")  format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bourgeois-Med";
  src: url("../assets/fonts/Bourgeois-Med.woff2") format("woff2"),
       url("../assets/fonts/Bourgeois-Med.woff")  format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* Condensed Medium — used specifically for nav links at small sizes */
@font-face {
  font-family: "Bourgeois-MedCond";
  src: url("../assets/fonts/Bourgeois-MedCond.woff2") format("woff2"),
       url("../assets/fonts/Bourgeois-MedCond.woff")  format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bourgeois-Bold";
  src: url("../assets/fonts/Bourgeois-Bold.woff2") format("woff2"),
       url("../assets/fonts/Bourgeois-Bold.woff")  format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bourgeois-Ultra";
  src: url("../assets/fonts/Bourgeois-Ultra.woff2") format("woff2"),
       url("../assets/fonts/Bourgeois-Ultra.woff")  format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bourgeois-UltraAlt";
  src: url("../assets/fonts/Bourgeois-UltraAlt.woff2") format("woff2"),
       url("../assets/fonts/Bourgeois-UltraAlt.woff")  format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* ===== CSS FONT VARIABLES ===== */
:root {
  /* Headings (h1-h3, page titles) */
  --font-display:      "Bourgeois-Med", "Inter", system-ui, sans-serif;
  /* Bold emphasis variant — buttons, strong CTAs */
  --font-display-bold: "Bourgeois-Bold", "Inter", system-ui, sans-serif;
  /* Condensed — nav links, tight spaces */
  --font-display-cond: "Bourgeois-MedCond", "Inter", system-ui, sans-serif;
  /* Light — subtitles, muted captions */
  --font-display-light: "Bourgeois-Light", "Inter", system-ui, sans-serif;

  --font-body: "Inter", system-ui, -apple-system, sans-serif;
  --font-mono: "DM Mono", "Menlo", "Consolas", monospace;
}