/**
 * cocon-overrides.css — Surcharges CSS specifiques a wafwaf.fr
 *
 * Toutes les variables sont definies dans cocon.css (package partage).
 * Ici on override uniquement les couleurs et polices propres au site.
 *
 * Pour un autre site (ex: pompes-funebres-musulmanes.com),
 * creer un fichier similaire avec des valeurs differentes.
 */

:root {
  /* Couleurs wafwaf — palette chaleureuse, lifestyle */
  --bg: #FFFBF5;
  --bg-alt: #FFF7EE;
  --card: #FFFFFF;
  --accent: #A8600C;
  --accent-hover: #8F5009;
  --accent-light: #FDF3EC;
  --accent-dark: #7A4408;
  --accent-secondary: #8B7355;
  --text: #1a1a1a;
  --muted: #4f4f4f;
  --muted-light: #666666;

  /* Polices */
  --font-body: 'DM Sans', -apple-system, sans-serif;
  --font-title: 'Instrument Serif', Georgia, serif;
  --font-handwritten: 'Caveat', cursive;

  /* Toggles lifestyle (pas YMYL strict) */
  --use-handwritten: 1;
  --use-emojis: 1;
}


/* Instrument Serif : police display, s'utilise en 400 (pas de vrai gras).
   On passe les titres cocon en 400 pour un rendu net et élégant. */
.cocon-page h1,
.cocon-page h2,
.cocon-page h3 {
  font-weight: 400;
}
/* Instrument Serif étant fine, on agrandit les titres pour une hiérarchie franche */
.cocon-page h1 { font-size: clamp(2.5rem, 6vw, 3.75rem); line-height: 1.05; }
.cocon-page h2 { font-size: clamp(1.875rem, 4.5vw, 2.75rem); line-height: 1.1; }
.cocon-page h3 { font-size: clamp(1.375rem, 3vw, 1.875rem); line-height: 1.15; }