/* ============================================================
   PAF STUDIO — Rapports clients · Design tokens
   Source de vérité : extraction des PPTX Pitch (AJDR, Estheticare,
   Groupe Sauvage, mai→juillet 2026). Ne pas modifier à la main
   sans mettre à jour DESIGN_SYSTEM.md.
   Échelle : 1 slide = 1280 × 720 px (les valeurs pt du PPTX
   720×405 pt ont été converties ×1,778).
   ============================================================ */

:root {
  /* ---- Couleurs — rôles ---- */
  --ink:          #1F1551;  /* texte principal, tableaux, titres (l'indigo PAF) */
  --ink-soft:     #362796;  /* texte secondaire discret, labels contact */
  --paper:        #FFFFFF;  /* fond de page (liseré autour du panneau) */
  --panel:        #F8F8FF;  /* panneau de fond des slides de contenu */
  --card:         #DEDDFF;  /* carte KPI (= accent à 20 % sur le panneau) */
  --card-soft:    #ECEFFF;  /* chip claire, badge « À venir », fonds légers */
  --accent:       #7372FF;  /* violet périwinkle : accents, barres de graphique */
  --accent-deep:  #362796;  /* calque duotone sur les photos (58 %) */
  --accent-dark:  #5B01EF;  /* violet profond : 2e série des graphiques */
  --yellow:       #F9F871;  /* surligneur : bandeaux, <mark>, chips prioritaires */
  --watermark:    #EEEEFF;  /* mot géant en filigrane des slides Synthèse */
  --alert-bg:     #FFE8E8;  /* ligne d'alerte dans les tableaux détaillés */
  --white:        #FFFFFF;

  /* Évolutions : la charte n'utilise PAS de vert/rouge sur les chiffres.
     Les valeurs restent --ink en gras ; le signal passe par les emojis
     ✅ ⚠️ 🔥 et le fond --alert-bg des lignes en alerte. */

  /* ---- Data-viz (ordre d'usage des séries) ---- */
  --chart-1: #7372FF;
  --chart-2: #F9F871;
  --chart-3: #5B01EF;
  --chart-4: #C6BEEE;
  --chart-5: #4544FF;
  --chart-grid: rgba(31, 21, 81, .18);

  /* ---- Typographie ----
     Famille unique : Inter. Inter Display pour les très grands corps
     (couverture, intercalaires) — c'est le traitement Pitch d'origine. */
  --font-body:    'Inter', system-ui, sans-serif;
  --font-display: 'Inter Display', 'Inter', system-ui, sans-serif;

  --fs-note:      16px;  /* astérisques, notes de bas de slide (9 pt) */
  --fs-small:     19px;  /* labels de cartes, kicker, chips (10,5–11 pt) */
  --fs-body:      21px;  /* corps courant (12 pt) */
  --fs-body-lg:   23px;  /* corps « intro » centré, cellules de tableau (13 pt) */
  --fs-table:     25px;  /* tableaux comparatifs (14 pt) */
  --fs-title:     32px;  /* titre de slide H1 (18 pt) */
  --fs-title-lg:  43px;  /* gros titre, chiffre KPI (24 pt) */
  --fs-kpi:       43px;  /* chiffre des cartes KPI */
  --fs-section:   64px;  /* intercalaires « Ce qu'il faut retenir » (36 pt) */
  --fs-section-lg:80px;  /* intercalaires photo « SYNTHÈSE » (45 pt) */
  --fs-cover:     107px; /* mois sur la couverture (60 pt) */
  --fs-watermark: 200px; /* mot filigrane (68 pt à l'échelle Pitch, élargi) */

  --lh-tight:  1.15;
  --lh-body:   1.5;   /* interlignage du corps observé dans Pitch */
  --lh-loose:  1.6;

  --track-kicker: .18em;  /* espacement des lettres des kickers MAJUSCULES */

  /* ---- Rythme ---- */
  --slide-w: 1280px;
  --slide-h: 720px;
  --panel-inset: 36px;      /* marge du panneau F8F8FF dans la page */
  --panel-radius: 14px;     /* arrondi du panneau et des photos pleine slide */
  --pad-slide: 64px;        /* padding interne du panneau (contenu) */
  --pad-slide-top: 56px;
  --card-radius: 24px;      /* cartes KPI, cartes blanches */
  --chip-radius: 10px;      /* petites chips de statut */
  --gutter: 28px;           /* gouttière entre cartes d'une grille */
  --gap-cols: 72px;         /* écart entre les 2 colonnes texte/visuel */

  /* ---- Divers ---- */
  --table-border: 1.4px solid var(--ink);
  --duotone-opacity: .58;   /* calque #362796 sur les photos */
}