/* ==========================================================================
   Kairos Ambitions : tokens typographiques web
   Complément web de la charte graphique officielle (32 Décembre, nov. 2025),
   qui fixe les familles mais aucune taille. Fiche : 03 - projet/07 - charte-web-typographie.md

   Règle : aucune taille, interlignage, interlettrage ou graisse en dur dans les
   feuilles de style. On choisit un token ; pour changer le site, on change le token.

   Tailles fluides : un seul clamp() couvre téléphone (375 px) et ordinateur (1440 px).
   ========================================================================== */
:root {
  /* Familles : DM Sans et DM Serif Text viennent de la charte.
     Écart assumé (arbitrage d'Alexandre, 3 nov. 2026) : Barlow Condensed pour les
     titres de la proposition B retenue par Vanessa, Manrope pour le seul mot-logo. */
  --font-texte: 'DM Sans', Arial, sans-serif;
  --font-exergue: 'DM Serif Text', Georgia, serif;
  --font-titre: 'Barlow Condensed', Impact, sans-serif;
  --font-marque: 'Manrope', 'DM Sans', sans-serif;

  /* Titres : 3 tailles */
  --fs-titre-1: clamp(4rem, 3.12rem + 3.756vw, 6.5rem);       /* 64 → 104 px : titre d'ouverture, un par page */
  --fs-titre-2: clamp(2.75rem, 2.134rem + 2.629vw, 4.5rem);   /* 44 → 72 px  : titre de section */
  --fs-titre-3: clamp(1.75rem, 1.486rem + 1.127vw, 2.5rem);   /* 28 → 40 px  : carte, voix, chiffre clé, citation */

  /* Textes : 3 tailles */
  /* Relevées le 4 nov. 2026 (Vanessa : « texte plus grand, aucun caractère sous 12 px ») :
     le plancher passe de 14 à 16 px, le courant de 17-18 à 18-20 px. */
  --fs-texte-l: clamp(1.375rem, 1.287rem + .376vw, 1.625rem); /* 22 → 26 px  : accroche, intertitre, question */
  --fs-texte-m: clamp(1.125rem, 1.081rem + .188vw, 1.25rem);  /* 18 → 20 px  : texte courant, boutons */
  --fs-texte-s: 1rem;                                          /* 16 px       : mentions, étiquettes, légendes (minimum) */

  /* Marque : le mot-logo « kairos », doublé à la demande de Vanessa (pages A/C et anciennes entrées) */
  --fs-marque: clamp(2.875rem, 2.39rem + 2.066vw, 4.25rem);   /* 46 → 68 px */
  /* Logo officiel horizontal (version finale B, 4 nov. 2026) : hauteur de l'image dans l'en-tête */
  --logo-hauteur: clamp(2.75rem, 2.354rem + 1.69vw, 3.875rem); /* 44 → 62 px */

  /* Interlignages : 3 valeurs */
  --lh-titre: .95;    /* titres en Barlow Condensed */
  --lh-exergue: 1.25; /* titre-3, accroches, citations */
  --lh-texte: 1.65;   /* texte courant et mentions */

  /* Interlettrages : la charte interdit de modifier DM Sans et DM Serif Text (0).
     Seuls le condensé des titres et les petites capitales sont réglés. */
  --ls-titre: -.02em;
  --ls-capitales: .14em;

  /* Graisses : fichiers réellement chargés (pas de faux gras).
     Texte courant en DM Sans Medium depuis le 4 nov. 2026 (Vanessa : « police plus grasse,
     plus lisible ») : même famille que la charte, un cran plus nourri que le Regular. */
  --fw-texte: 500;
  --fw-fort: 700;
  --fw-titre: 600;
}

/* ==========================================================================
   Version finale B : fiche typographique transmise par Vanessa (5 nov. 2026)
   Trois familles : Fraunces (titres, petits titres, étiquettes de phase),
   DM Sans (texte, cartes, étiquettes, pied de page), Playfair Display italique (citations).
   Portée : les seules pages finales (body.finale, body.entree-finale). A et C gardent les tokens ci-dessus.
   Écarts assumés à la fiche : texte courant à 18 px en DM Sans Medium (fiche : 17 px Regular),
   pour tenir la demande du 4 nov. (« texte plus grand, police plus grasse ») ; étiquettes, phases et
   pied de page réunis sur 15 px (fiche : 14, 14,5 et 15 px). Plancher : 13 px (Vanessa, 5 nov.).
   ========================================================================== */
.finale, .entree-finale {
  --font-titre: 'Fraunces', Georgia, serif;
  --font-citation: 'Playfair Display', Georgia, serif;
  /* present.css et entree.css lisent ces deux alias : redéclarés ici pour qu'ils pointent sur Fraunces. */
  --display: var(--font-titre);
  --body: var(--font-texte);

  --fs-titre-1: clamp(2.375rem, 1.715rem + 2.817vw, 4.25rem);   /* 38 → 68 px : titre principal */
  --fs-titre-2: clamp(1.875rem, 1.567rem + 1.315vw, 2.75rem);   /* 30 → 44 px : titres de section */
  --fs-titre-3: clamp(1.375rem, 1.199rem + .751vw, 1.875rem);   /* 22 → 30 px : noms des phases, bloc « angle mort », portes */
  --fs-titre-4: clamp(1.1875rem, 1.144rem + .188vw, 1.3125rem); /* 19 → 21 px : petits titres (cartes, faits) */
  --fs-citation: clamp(1.4375rem, 1.239rem + .845vw, 2rem);     /* 23 → 32 px : citations, phrase de mission */
  --fs-texte-l: 1.3125rem;  /* 21 px : sous-titre d'accroche, phrase d'introduction, questions */
  --fs-texte-m: 1.125rem;   /* 18 px : texte courant, boutons */
  --fs-texte-s: .9375rem;   /* 15 px : étiquettes, pastilles, pied de page, étiquette de phase */
  --fs-surtitre: .8125rem;  /* 13 px : surtitres en capitales (« Ce que vous vivez »), minimum du site */

  --lh-titre: 1.15;
  --ls-titre: -.015em;      /* « légèrement serré » */
  --ls-phase: .08em;        /* étiquette de phase, en capitales */

  --fw-titre: 700;
  --fw-titre-doux: 600;     /* bloc « angle mort », portes de l'accueil */

  /* Couleurs du texte de la fiche */
  --texte: #1b2440;         /* noir bleuté : texte courant */
  --texte-2: #4a5576;       /* gris bleuté : texte secondaire */
  --or-fonce: #7a5e00;      /* surtitres sur fond clair (l'or #DFB100 y serait illisible) */
}