/* ============================================================
   L'EFFET CLIQUET — THEME (variables centralisées)
   Marque particulier de Davy Lheureux. DA inversée :
   fond clair rosé (au lieu du fond sombre du site dirigeants).
   Toutes les couleurs vivent ICI — aucune valeur en dur ailleurs.
   ============================================================ */
:root {
  /* --- Fond WebGL : 4 couleurs du dégradé animé (clair rosé) ---
     Les vec3 correspondants sont dans assets/js/site.js (SHADER_COLORS). */
  --webgl-1: #faf2ed;   /* ivoire chaud   */
  --webgl-2: #f2dbe0;   /* rose poudré    */
  --webgl-3: #e0b8c7;   /* rose moyen     */
  --webgl-4: #bd94a8;   /* mauve rosé     */

  /* --- Surfaces --- */
  --ivory:        #faf2ed;            /* fond de repli avant le shader */
  --header-bg:    rgba(250, 242, 237, 0.6);  /* ivoire translucide (verre) */
  --header-bg-solid: rgba(250, 242, 237, 0.92);
  --card:         rgba(255, 255, 255, 0.55);
  --line:         rgba(43, 23, 33, 0.10);
  --line-strong:  rgba(43, 23, 33, 0.18);

  /* --- Encres (texte sombre sur fond clair) --- */
  --ink:        #2b1721;   /* titres non-rainbow : aubergine très foncé chaud */
  --ink-body:   #4a2f3c;   /* texte courant, bien lisible */
  --ink-soft:   #6e5460;   /* texte secondaire */
  --ink-muted:  #927985;   /* labels, mentions */

  /* --- Accent framboise (UI, boutons, CTA, liens) --- */
  --accent:        #D6336C;
  --accent-hover:  #e64980;
  --accent-deep:   #c2255c;
  --accent-tint:   rgba(214, 51, 108, 0.10);

  /* --- Dégradé rainbow (réservé aux GRANDS titres clés + punchline) --- */
  --rainbow: linear-gradient(110deg, #f783ac, #e64980, #c2255c, #862e9c, #e64980, #f783ac);

  /* --- Typo --- */
  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}