/* === tokens.css === Extrait de styles.css lignes 1-61 === */
/* ============================================================
   CSS - Capsule Template
   ============================================================ */
:root {
  /* Palette LFC (du site internet) */
  --lfc-teal: #2F5D62;
  --lfc-teal-dark: #264B4F;
  --lfc-green: #7FB77E;
  --lfc-green-light: #B1D7B4;
  --lfc-corail: #FEC090;
  --lfc-salmon: #E8A090;
  --lfc-salmon-light: #F5D5CC;
  --lfc-peach: #F0B5A0;
  --lfc-jaune: #F7F6DC;
  --lfc-gray: #E4E0E0;
  --lfc-text: #1F1F1F;
  --lfc-text-2: #666666;

  /* Aliases conservés pour compat moteur */
  --primary: var(--lfc-teal);
  --primary-dark: var(--lfc-teal-dark);
  --primary-light: var(--lfc-green-light);
  --accent: var(--lfc-green);
  --accent-2: var(--lfc-teal);
  --accent-light: var(--lfc-green-light);
  --bg: #FFFFFF;
  --bg-cream: var(--lfc-jaune);
  --text: var(--lfc-text);
  --text-light: var(--lfc-text-2);
  --border-width: 0px;
  --radius: 12px;
  --band-width: 0px;  /* bandeau gauche supprimé */
  --gradient-placeholder: linear-gradient(135deg, var(--lfc-jaune), var(--lfc-corail));

  /* Typographie LFC */
  --font: 'Source Sans 3', 'Segoe UI', -apple-system, sans-serif;
  --font-display: 'Bricolage Grotesque', 'Source Sans 3', sans-serif;

  /* === Zone safe d'un slide ===
     Marges réservées en haut (meta-bandeau brand + boutons) et en bas (progress bar).
     Tous les templates de slide doivent rester dans cette zone via leur "inset".
     - bottom 45px : progress bar (à 18px du bas + 3px) + ~24px de respiration */
  --slide-safe-top: 44px;
  --slide-safe-bottom: 45px;
  --slide-safe-side: 60px;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: var(--font);
  background: var(--lfc-teal-dark);
  overflow: hidden;
  height: var(--viewport-h, 100dvh);   /* vraie hauteur du viewport (pour le centrage), distincte de --real-vh qui sert aux clamp() des templates */
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--lfc-text);
}

