/* ============================================================
   ZONE DE MARQUE : SEULE ZONE À MODIFIER POUR REBRANDER
   Maquette DREAM OF WHITE ANGELS (kit39, style éditorial, canevas ivoire)
   Bronze doré, anthracite et gris rosé relevés sur le logo du prospect
   (anneau doré #a87848 / #e4cc78, chiens anthracite #282828, disque #e8e0e0).
   Contrastes WCAG en commentaire.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap');

:root{
  /* Marque */
  --brand:        #8a5d2c;   /* bronze de l'anneau du logo, assombri : aplats, boutons ; blanc dessus 5.7:1 */
  --brand-dark:   #6e4920;   /* survols */
  --brand-soft:   #f1e8dc;   /* fonds teintés */
  --brand-ink:    #7a5225;   /* bronze de texte sur ivoire : 6.1:1 */
  --accent:       #e4cc78;   /* or clair des étoiles du logo : texte sur fonds sombres 11:1 */
  --accent-ink:   #6b5a3c;   /* or assombri pour les petits libellés sur ivoire : 6.3:1 */
  --on-brand:     #ffffff;   /* texte posé sur --brand : 5.7:1 */

  /* Fonds sombres (l'anthracite des chiens du logo) */
  --deep:         #1f1d1c;
  --deep-2:       #141312;
  --on-deep:      #f6f2ef;   /* 16:1 sur --deep */
  --on-deep-soft: #cfc7c0;   /* texte secondaire sur --deep : 10.5:1 */

  /* Neutres (le gris rosé du disque du logo, éclairci) */
  --ink:          #1b1918;   /* texte courant : 16.5:1 sur --surface */
  --ink-soft:     #57514d;   /* texte secondaire : 7.4:1 sur --surface */
  --surface:      #f6f2ef;
  --surface-alt:  #ece5e1;
  --card:         #ffffff;
  --line:         #ddd4cf;
  --line-deep:    rgba(246,242,239,.16);

  /* Voiles photo */
  --veil:         rgba(20,19,18,.66);
  --veil-soft:    rgba(20,19,18,.30);
  --glass:        rgba(31,29,28,.76);

  /* Typo */
  --font-display: 'Instrument Serif', Georgia, 'Times New Roman', serif;
  --font-body:    'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* Forme */
  --radius:       4px;
  --radius-lg:    10px;
  --shadow:       0 2px 4px rgba(0,0,0,.05), 0 18px 40px rgba(0,0,0,.12);
  --container:    1240px;
  --section-y:    clamp(72px, 9vw, 136px);
  --header-h:     92px;
}
/* ==== FIN ZONE DE MARQUE : rien de brandé en dessous ==== */
