/* app/static/css/fonts.css */

/* =========================
   Self-hosted fonts + typography tokens
   Families used:
   - Bodoni Moda (variable): display/headings (H1/H2/H3)
   - UnifrakturMaguntia: brand/site title (lowercase via CSS)
   - Qwitcher Grypen: tagline/script accent
   - Rye: paragraphs spécifiques (gravure + bio Yann)
   - Body: system stack
   ========================= */

/* Bodoni Moda (Variable) — display/headings */
@font-face {
  font-family: "Bodoni Moda";
  src: url("../fonts/BodoniModa/BodoniModa-VariableFont_opsz,wght.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Bodoni Moda";
  src: url("../fonts/BodoniModa/BodoniModa-Italic-VariableFont_opsz,wght.woff2") format("woff2");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

/* Unifraktur Maguntia — brand */
@font-face {
  font-family: "UnifrakturMaguntia";
  src: url("../fonts/UnifrakturMaguntia/UnifrakturMaguntia-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Qwitcher Grypen — script/tagline */
@font-face {
  font-family: "Qwitcher Grypen";
  src: url("../fonts/QwitcherGrypen/QwitcherGrypen-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Qwitcher Grypen";
  src: url("../fonts/QwitcherGrypen/QwitcherGrypen-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Rye — decorative text blocks (gravure/Yann) */
@font-face {
  font-family: "Rye";
  src: url("../fonts/Rye/Rye-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* =========================
   Typography tokens
   ========================= */

:root {
  /* Brand (site title) */
  --font-brand: "UnifrakturMaguntia", "UnifrakturCook", "Old English Text MT", serif;

  /* Display (headings) */
  --font-display: "Bodoni Moda", "Didot", "Bodoni", "Times New Roman", serif;

  /* Script accent (tagline) */
  --font-script: "Qwitcher Grypen", "Brush Script MT", cursive;

  /* Decorative paragraph font (gravure / Yann) */
  --font-rye: "Rye", "IM Fell English", Georgia, serif;

  /* Body text */
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
    sans-serif;
}

/* Optional: sensible defaults for better typography rendering */
html {
  font-synthesis-weight: none;
  font-synthesis-style: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Optional helpers (use in templates/CSS) */
.font-rye {
  font-family: var(--font-rye);
}
.font-script {
  font-family: var(--font-script);
}
.font-display {
  font-family: var(--font-display);
}
.font-brand {
  font-family: var(--font-brand);
}