/**
 * wallpaper-fonts.css
 * web/themes/custom/wallpaper_ui/css/wallpaper-fonts.css
 *
 * Typographie : Bodoni Moda (titres éditoriaux) + Inter (UI)
 * Bodoni PT (Paratype) est une fonte commerciale non disponible sur Google Fonts.
 * Bodoni Moda (Google Fonts) est utilisée comme équivalent libre de haute qualité.
 * optical-sizing opsz 6..96 réduit l'ornementation aux petites tailles.
 *
 * Si vous achetez Bodoni PT (myfonts.com/collections/bodoni-pt-font-paratype),
 * remplacez le @import par les @font-face ci-dessous (décommenter) et
 * ajoutez --font-serif: "Bodoni PT", "Bodoni Moda", Georgia, serif;
 */

/* ── Google Fonts ─────────────────────────────────────────────── */
@import url("https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400;0,6..96,500;0,6..96,700;1,6..96,400;1,6..96,500&family=Inter:wght@300;400;500;600&display=swap");

/*
  Si Bodoni PT acheté et hébergé localement :
  @font-face {
    font-family: "Bodoni PT";
    src: url("../fonts/BodoniPT-Regular.woff2") format("woff2"),
         url("../fonts/BodoniPT-Regular.woff")  format("woff");
    font-weight: 400; font-style: normal; font-display: swap;
  }
  @font-face {
    font-family: "Bodoni PT";
    src: url("../fonts/BodoniPT-Italic.woff2")  format("woff2");
    font-weight: 400; font-style: italic; font-display: swap;
  }
  @font-face {
    font-family: "Bodoni PT";
    src: url("../fonts/BodoniPT-Bold.woff2")    format("woff2");
    font-weight: 700; font-style: normal; font-display: swap;
  }
*/

/* ── Variables globales ───────────────────────────────────────── */
:root {
  /* Familles */
  --font-serif: "Bodoni Moda", "Georgia", "Times New Roman", serif;
  --font-sans:  "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono:  "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", monospace;

  /* Échelle */
  --font-size-xs:  0.8125rem;   /* 13px */
  --font-size-s:   0.875rem;    /* 14px */
  --font-size-m:   1rem;        /* 16px — body */
  --font-size-l:   1.125rem;    /* 18px */
  --font-size-xl:  1.375rem;    /* 22px */
  --font-size-2xl: 1.75rem;     /* 28px */
  --font-size-3xl: 2.25rem;     /* 36px */

  /* Rythme */
  --line-height:      1.5;
  --line-height-text: 1.7;
  --letter-spacing:   0.01em;
}

/* ── Corps de page : Inter ────────────────────────────────────── */
body {
  font-family: var(--font-sans);
  font-size: var(--font-size-m);
  line-height: var(--line-height);
  letter-spacing: var(--letter-spacing);
  font-weight: 400;
}

/* ── Titres globaux : Bodoni Moda ─────────────────────────────── */
h1, h2, h3 {
  font-family: var(--font-serif);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.02em;
}

/* ── Fiches Wallpaper ─────────────────────────────────────────── */
.node--type-ct-wallpaper h1,
.node--type-ct-wallpaper h2,
.node--type-ct-wallpaper h3 {
  font-family: var(--font-serif);
}

/* Champs texte long éditoriaux */
.node--type-ct-wallpaper .field--name-field-history-comments,
.node--type-ct-wallpaper .field--name-field-techniques-comments,
.node--type-ct-wallpaper .field--name-field-mounting-comments,
.node--type-ct-wallpaper .field--name-field-wp-short-description {
  font-family: var(--font-serif);
  line-height: var(--line-height-text);
  font-size: var(--font-size-l);
}

/* ── Fiches Expertise ─────────────────────────────────────────── */
.node--type-ct-expertise h1,
.node--type-ct-expertise h2,
.node--type-ct-expertise h3 {
  font-family: var(--font-serif);
}

.node--type-ct-expertise .field--name-field-wp-short-description,
.node--type-ct-expertise .field--name-field-conservation-comments {
  font-family: var(--font-serif);
  line-height: var(--line-height-text);
  font-size: var(--font-size-l);
}

/* ── Zones interface : Inter renforcé ─────────────────────────── */
.menu,
.menu__link,
.button,
.button--primary,
.button--secondary,
.form-item label,
.views-exposed-form label,
.wp-section__header,
.wp-field__label,
.wp-badge,
.wp-tag {
  font-family: var(--font-sans);
}

/* Labels techniques : Inter condensé */
.wp-field__label,
.wp-label-xs,
.field--label-inline .field__label {
  font-family: var(--font-sans);
  font-weight: 500;
  font-size: var(--font-size-xs);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

/* Hero title */
.wp-fiche-header__title,
.node--type-ct-wallpaper h1,
.node--type-ct-expertise h1 {
  font-family: var(--font-serif);
  font-size: var(--font-size-2xl);
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1.2;
}

/* Valeurs mono (numéros inventaire) */
.wp-text-mono,
code {
  font-family: var(--font-mono);
  font-size: var(--font-size-s);
  letter-spacing: 0;
}