/*
 * Typographie — @font-face + échelle H1-H6 + helpers.
 * Les fichiers woff2 sont auto-hébergés dans assets/fonts/.
 */

/* ---------- @font-face : Fraunces ---------- */

@font-face {
  font-family: "Fraunces";
  src: url("../fonts/fraunces-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fraunces";
  src: url("../fonts/fraunces-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fraunces";
  src: url("../fonts/fraunces-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fraunces";
  src: url("../fonts/fraunces-400-italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Fraunces";
  src: url("../fonts/fraunces-500-italic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Fraunces";
  src: url("../fonts/fraunces-600-italic.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

/* ---------- @font-face : DM Sans ---------- */

@font-face {
  font-family: "DM Sans";
  src: url("../fonts/dm-sans-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "DM Sans";
  src: url("../fonts/dm-sans-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "DM Sans";
  src: url("../fonts/dm-sans-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "DM Sans";
  src: url("../fonts/dm-sans-400-italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "DM Sans";
  src: url("../fonts/dm-sans-500-italic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "DM Sans";
  src: url("../fonts/dm-sans-600-italic.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

/* ---------- @font-face : Caveat ---------- */

@font-face {
  font-family: "Caveat";
  src: url("../fonts/caveat-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Caveat";
  src: url("../fonts/caveat-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* ---------- Échelle H1-H6 ---------- */

.lpc-h1,
h1.entry-title {
  font-family: var(--lpc-font-display);
  font-weight: 500;
  font-size: var(--lpc-fs-h1);
  line-height: var(--lpc-lh-tight);
  letter-spacing: var(--lpc-ls-tight);
  color: var(--lpc-ink);
}

.lpc-h2 {
  font-family: var(--lpc-font-display);
  font-weight: 500;
  font-size: var(--lpc-fs-h2);
  line-height: var(--lpc-lh-snug);
  letter-spacing: var(--lpc-ls-tight);
  color: var(--lpc-ink);
}

.lpc-h3 {
  font-family: var(--lpc-font-display);
  font-weight: 600;
  font-size: var(--lpc-fs-h3);
  line-height: 1.2;
  color: var(--lpc-ink);
}

.lpc-body {
  font-family: var(--lpc-font-body);
  font-size: var(--lpc-fs-body);
  line-height: var(--lpc-lh-base);
  color: var(--lpc-ink-2);
}

.lpc-small {
  font-size: var(--lpc-fs-small);
  color: var(--lpc-ink-3);
}

.lpc-script {
  font-family: var(--lpc-font-script);
  font-weight: 500;
}

.lpc-italic {
  font-style: italic;
}