/* ============================================================
   ZONE DE MARQUE : SEULE ZONE À MODIFIER POUR REBRANDER
   Maquette one-page CMB CARRELAGE (style éditorial, canevas ivoire)
   Rouge et gris violine relevés sur le logo du prospect (#c21d2e, #8b87a2), noir des carreaux du logo.
   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:        #c21d2e;   /* rouge des lettres CMB : aplats, boutons, filets ; blanc dessus 6:1 */
  --brand-dark:   #9e1624;   /* survols, dégradés */
  --brand-soft:   #f7e4e5;   /* fonds teintés */
  --brand-ink:    #a3172a;   /* rouge de texte sur ivoire : 7:1 */
  --accent:       #bdb9d1;   /* gris violine du mot « carrelage », éclairci : texte sur fonds sombres 9.6:1 */
  --accent-ink:   #6c6884;   /* gris violine du logo assombri : texte sur ivoire 5.1:1 */
  --on-brand:     #ffffff;   /* texte posé sur --brand : 6:1 */

  /* Fonds sombres (les contours noirs des carreaux du logo, légèrement violinés) */
  --deep:         #19181e;
  --deep-2:       #0f0e13;
  --on-deep:      #f5f3ef;   /* 16.8:1 sur --deep */
  --on-deep-soft: #c9c6d3;   /* texte secondaire sur --deep : 10.6:1 */

  /* Neutres */
  --ink:          #16151a;   /* texte courant : 17:1 sur --surface */
  --ink-soft:     #55525e;   /* texte secondaire : 7.2:1 sur --surface */
  --surface:      #f5f3ef;   /* canevas ivoire du kit, à peine refroidi */
  --surface-alt:  #ebe8e4;
  --card:         #ffffff;
  --line:         #ded9d6;
  --line-deep:    rgba(245,243,239,.16);

  /* Voiles photo */
  --veil:         rgba(15,14,19,.64);
  --veil-soft:    rgba(15,14,19,.28);
  --glass:        rgba(25,24,30,.74);

  /* 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:     88px;
}
/* ==== FIN ZONE DE MARQUE : rien de brandé en dessous ==== */
