/*
  Tokens de design — Pigma
  Source : design-source/CONTENU-MAQUETTES.md + desktop/index.html + mobile/index.html
  Palette et polices confirmées dans AUDIT.md (section 3). Ne pas réintroduire les couleurs
  #7047EA / #47EAD6 / Roboto : elles appartiennent au design system de l'app produit, pas à la
  landing (voir AUDIT.md).
*/

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/poppins-500-latin.woff2') format('woff2');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/poppins-600-latin.woff2') format('woff2');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/poppins-700-latin.woff2') format('woff2');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../fonts/poppins-800-latin.woff2') format('woff2');
}
/* Poppins 400 (régulier) manquant du bundle source — voir CLAUDE.md "Écarts ouverts". */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/ibm-plex-mono-400-latin.woff2') format('woff2');
}

:root {
  /* ---------- Couleurs de marque (landing, confirmées dans le rendu réel des maquettes) ---------- */
  --pg-violet:        #5B3DF5;
  --pg-turquoise:      #13C2A4;
  --pg-lavande:        #F0EDFE;
  --pg-encre:          #191238;   /* texte par défaut + fonds sombres */
  --pg-blanc:          #FFFFFF;

  /* Le turquoise échoue au contraste AA en texte sur fond clair (2,27:1 sur blanc, voir AUDIT.md).
     Règle : --pg-turquoise ne s'utilise qu'en fond de pastille avec du texte --pg-encre par-dessus,
     jamais comme couleur de texte directe sur fond clair. */

  /* ---------- Typographie ---------- */
  --pg-font-display: 'Poppins', system-ui, sans-serif;   /* titres, ExtraBold (800) */
  --pg-font-mono:    'IBM Plex Mono', ui-monospace, monospace; /* numéros de section (01, 02…) */

  /* ---------- Rayons & ombre dure (cartes bordées, brief section 2) ---------- */
  --pg-radius-sm:  10px;
  --pg-radius-md:  12px;
  --pg-radius-lg:  20px;
  --pg-border:     2px solid var(--pg-encre);
  --pg-shadow-sm:  3px 3px 0 var(--pg-encre);
  --pg-shadow-md:  4px 4px 0 var(--pg-encre);
  --pg-shadow-lg:  5px 5px 0 var(--pg-encre);

  /* ---------- Espacements (échelle observée dans les maquettes) ---------- */
  --pg-space-1: 4px;   --pg-space-2: 8px;   --pg-space-3: 12px;
  --pg-space-4: 16px;  --pg-space-5: 20px;  --pg-space-6: 24px;
  --pg-space-8: 32px;  --pg-space-10: 40px; --pg-space-12: 48px;
}