/* Divinemenciel — typographies
   Instrument Serif (principale, titres) + DM Sans (secondaire, texte)
   Source : charte p.20–24 */

:root {
  --font-display: "Instrument Serif", Georgia, serif;  /* titres, mega-titres, citations, mots accentués */
  --font-text: "DM Sans", -apple-system, sans-serif;    /* corps de texte, légendes, pastilles, UI */

  /* Graisses DM Sans (variable) */
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-black: 900;

  /* Échelle typographique (digital, base 16px) */
  --text-mega: clamp(56px, 8vw, 112px);   /* Mega-titre — Instrument, italic ou FULL CAPS */
  --text-h1: clamp(40px, 5vw, 64px);      /* Titre 1 — Instrument FULL CAPS */
  --text-h2: clamp(30px, 3.5vw, 44px);    /* Titre 2 — Instrument regular, + sur-titre DM Sans */
  --text-h3: clamp(24px, 2.5vw, 32px);    /* Titre 3 — Instrument regular & italic */
  --text-headline: 22px;                  /* Headline — DM Sans + Instrument italic mélangés */
  --text-body: 17px;                      /* Corps — DM Sans regular */
  --text-small: 14px;
  --text-caption: 12px;                   /* Légendes — DM Sans light, ou CAPS */
  --text-pastille: 13px;                  /* Pastilles — DM Sans CAPS, letterspaced */

  /* Interlignages */
  --leading-display: 1.05;
  --leading-title: 1.12;
  --leading-body: 1.5;

  /* Approche */
  --tracking-caps: 0.08em;   /* sur-titres & pastilles en capitales */
  --tracking-display: -0.01em;
}

/* ——— Styles de base ——— */
.ds-body, .ds-scope {
  font-family: var(--font-text);
  font-weight: var(--weight-regular);
  font-size: var(--text-body);
  line-height: var(--leading-body);
  color: var(--text-body, #1a3a2b);
}

/* Mega-titre solo — Instrument Serif italic (ex: "Create.") */
.ds-mega {
  font-family: var(--font-display);
  font-size: var(--text-mega);
  font-weight: 400;
  line-height: var(--leading-display);
  letter-spacing: var(--tracking-display);
}

/* Titre 1 — Instrument Serif FULL CAPS */
.ds-h1 {
  font-family: var(--font-display);
  font-size: var(--text-h1);
  font-weight: 400;
  line-height: var(--leading-title);
  text-transform: uppercase;
}

/* Titre 2 — Instrument Serif bas de casse */
.ds-h2 {
  font-family: var(--font-display);
  font-size: var(--text-h2);
  font-weight: 400;
  line-height: var(--leading-title);
}

/* Titre 3 — Instrument Serif, accents en italic */
.ds-h3 {
  font-family: var(--font-display);
  font-size: var(--text-h3);
  font-weight: 400;
  line-height: var(--leading-title);
}

/* Sur-titre — DM Sans CAPS letterspaced (ex: "NOTRE MISSION :") */
.ds-overline {
  font-family: var(--font-text);
  font-size: var(--text-small);
  font-weight: var(--weight-medium);
  text-transform: uppercase;
  letter-spacing: var(--tracking-caps);
}

/* Accent italic au fil du texte — Instrument Serif italic */
.ds-accent {
  font-family: var(--font-display);
  font-style: italic;
  font-size: 1.12em;
  line-height: 0;
}

/* Légende photo */
.ds-caption {
  font-family: var(--font-text);
  font-size: var(--text-caption);
  font-weight: var(--weight-light);
}