/* =====================================================================
   DIGNITÉ ASSISTANCE FUNÉRAIRE — FICHIER DE CONFIGURATION
   ---------------------------------------------------------------------
   Ce fichier centralise TOUT ce qui peut changer facilement :
   couleurs, typographies, rayons, ombres, largeurs.
   Pour modifier l'apparence du site, il suffit d'éditer les valeurs
   ci-dessous. Ne touchez pas à style.css sauf pour la mise en page.

   Les TEXTES (slogan, descriptions, FAQ, coordonnées) se modifient
   directement dans index.html — chaque bloc est commenté.
   ===================================================================== */

:root {
  /* ---------- PALETTE (extraite du logo) ---------- */
  --c-navy:        #051D49;   /* Bleu marine principal : titres, fonds sombres */
  --c-navy-2:      #0A2A5E;   /* Variante marine : dégradés, survols */
  --c-sky:         #4495CD;   /* Bleu ciel accent : liens, boutons, croix */
  --c-sky-light:   #7EB4E0;   /* Bleu ciel clair : tints, séparateurs, icônes */
  --c-offwhite:    #FBFCFE;   /* Blanc cassé : fond clair dominant */
  --c-white:       #FFFFFF;   /* Blanc pur */
  --c-gray:        #5A6472;   /* Gris texte secondaire */

  /* ---------- ROLES (dérivés de la palette) ---------- */
  --bg:            var(--c-offwhite);
  --bg-alt:        var(--c-white);
  --bg-tint:       #F1F6FB;   /* fond bleuté très clair */
  --bg-dark:       var(--c-navy);
  --text:          var(--c-navy);
  --text-soft:     var(--c-gray);
  --text-on-dark:  rgba(255, 255, 255, 0.92);
  --text-on-dark-soft: rgba(255, 255, 255, 0.68);
  --link:          var(--c-sky);
  --border:        rgba(5, 29, 73, 0.10);
  --border-soft:   rgba(5, 29, 73, 0.06);

  /* Dégradés */
  --grad-navy:     linear-gradient(150deg, var(--c-navy) 0%, var(--c-navy-2) 100%);
  --grad-hero:     linear-gradient(180deg, rgba(5,29,73,0.66) 0%, rgba(5,29,73,0.82) 55%, rgba(5,29,73,0.93) 100%);
  --grad-sky:      linear-gradient(135deg, var(--c-sky) 0%, var(--c-sky-light) 100%);
  --grad-media:    linear-gradient(160deg, var(--c-navy) 0%, var(--c-sky) 130%);

  /* ---------- TYPOGRAPHIE ---------- */
  --font-serif: "Playfair Display", "Cormorant Garamond", "Times New Roman", Georgia, serif;
  --font-sans:  "Inter", "Work Sans", "Helvetica Neue", Arial, sans-serif;

  --fs-hero:    clamp(2rem, 1.2rem + 3.6vw, 3.6rem);
  --fs-h2:      clamp(1.6rem, 1.15rem + 2vw, 2.5rem);
  --fs-h3:      clamp(1.15rem, 1rem + 0.6vw, 1.35rem);
  --fs-lead:    clamp(1rem, 0.95rem + 0.4vw, 1.18rem);
  --fs-body:    1rem;
  --fs-small:   0.875rem;

  --tracking-caps: 0.14em;   /* espacement des lettres pour les majuscules */

  /* ---------- FORMES & ESPACEMENT ---------- */
  --radius-sm:   10px;
  --radius:      18px;
  --radius-lg:   28px;
  --radius-pill: 999px;

  --shadow-sm:  0 1px 2px rgba(5, 29, 73, 0.06);
  --shadow:     0 12px 30px -12px rgba(5, 29, 73, 0.18);
  --shadow-lg:  0 30px 60px -20px rgba(5, 29, 73, 0.30);

  --container:  1180px;
  --gutter:     clamp(1.15rem, 0.6rem + 2.5vw, 2.75rem);
  --section-y:  clamp(3.5rem, 2rem + 7vw, 7rem);

  --header-h:   76px;

  /* ---------- ANIMATIONS : durées & courbes ----------
     Tout est piloté ici pour garder un rythme cohérent et sobre.
     Ton funéraire : lent, doux, jamais de rebond. */
  --ease-soft:         cubic-bezier(0.4, 0, 0.2, 1);    /* sorties douces (survols) */
  --ease-reveal:       cubic-bezier(0.16, 1, 0.3, 1);   /* apparitions au défilement : décélère, sans rebond */
  --ease-breath:       cubic-bezier(0.45, 0.05, 0.55, 0.95); /* respiration lumineuse */

  --transition-fast:   180ms var(--ease-soft);   /* micro-interactions : boutons, liens, champs */
  --transition-medium: 320ms var(--ease-soft);   /* survols de cartes, réduction de l'en-tête */
  --dur-reveal:        720ms;                     /* apparition des sections au défilement */
  --dur-reveal-media:  900ms;                     /* apparition des images (plus lente + léger zoom) */
  --dur-count:         1800ms;                    /* comptage progressif des chiffres */
  --dur-breath:        6s;                        /* halo lumineux de la croix */

  /* Révélation au défilement — valeurs centralisées (voir .js [data-reveal] dans style.css
     et l'Intersection Observer §4 de main.js) */
  --reveal-shift:      26px;                      /* distance du slide-up */
  --reveal-scale:      1.05;                      /* zoom de départ des images */
  --reveal-stagger:    90ms;                      /* décalage entre cartes d'une même grille */

  /* Rétro-compatibilité : anciennes variables ré-alignées sur le nouveau système */
  --transition: var(--transition-fast);
  --reveal-dur: var(--dur-reveal);
}