/* =================================================================================
   KAPSUL — DESIGN TOKENS
   Source unique de vérité pour toute la charte. Importé avant app.css.
   Toute la mise en forme doit passer par ces variables (jamais de couleur en dur).
   ================================================================================= */
:root{
  /* --- Couleurs de marque (relevées sur les maquettes validées) --- */
  --c-orange:        #F15A24;   /* accent principal : boutons, liens, icônes */
  --c-orange-bright: #FF5A2A;   /* orange vif : accents ponctuels */
  --c-orange-dark:   #D84818;   /* survol des boutons orange */
  --c-orange-soft:   #FCE3D6;   /* tuile claire : jours dispo du calendrier, badges */

  --c-navy:   #14253D;          /* titres et texte fort */
  --c-text:   #2A2F37;          /* texte courant */
  --c-muted:  #6B7480;          /* texte secondaire / labels */

  /* --- Surfaces & bordures --- */
  --c-bg:        #FFFFFF;
  --c-surface:   #FFFFFF;        /* fond des cartes */
  --c-surface-2: #F6F7F9;        /* fond alterné, champs au repos */
  --c-border:    #E6E8ED;        /* bordures fines */

  /* --- Typographie (polices AUTO-HÉBERGÉES — voir assets/fonts/README.md) --- */
  --font-display: "Outfit", system-ui, "Segoe UI", sans-serif;   /* titres */
  --font-body:    "Manrope", system-ui, "Segoe UI", sans-serif;  /* texte */

  /* --- Rayons, ombres, layout --- */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-pill: 999px;
  --shadow-card: 0 18px 40px -22px rgba(20,37,61,.28);
  --shadow-soft: 0 6px 18px -10px rgba(20,37,61,.20);
  --container: 1200px;

  /* --- Image de fond du héro --- */
  --hero-image: url("../images/hero-bg.jpg");
}