@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

/* ============================================================
   ZONE DE MARQUE — SEULE ZONE À MODIFIER POUR REBRANDER
   Entreprise Stéphane Pinon (Mer, 41) · base kit17
   Rouge et gris mesurés sur le logo et le favicon du site menuiseriepinon.fr
   ============================================================ */
:root{
  /* Marque */
  --brand:        #ab0024;   /* rouge du logo : aplats, boutons, filets */
  --brand-dark:   #8a001d;   /* survol */
  --brand-soft:   #fbeef0;   /* fonds teintés */
  --brand-ink:    #ab0024;   /* rouge pour texte sur fond clair (7.6:1 sur blanc) */
  --brand-on-dark:#f08a99;   /* rouge éclairci pour texte sur fond anthracite (6.5:1) */
  --accent:       #2a2829;   /* gris anthracite du logo : boutons sombres */
  --on-brand:     #ffffff;   /* texte sur le rouge (7.6:1) */

  /* Neutres */
  --ink:          #1d1b1c;
  --ink-soft:     #514c4e;
  --surface:      #ffffff;
  --surface-alt:  #f6f2ee;   /* crème clair, sections alternées */
  --surface-dark: #2a2829;   /* sections sombres (gris du logo) */
  --surface-deep: #1c1b1c;
  --on-dark:      #ffffff;
  --on-dark-soft: rgba(255,255,255,.78);
  --line:         #e6e0dc;
  --line-dark:    rgba(255,255,255,.16);
  --veil:         rgba(20,18,19,.55);
  --veil-soft:    rgba(20,18,19,0);
  --veil-strong:  rgba(14,13,14,.92);

  /* Typo */
  --font-display: 'Manrope', system-ui, sans-serif;
  --font-body:    'Manrope', system-ui, sans-serif;

  /* Forme */
  --radius:       14px;
  --radius-lg:    24px;
  --radius-pill:  999px;
  --shadow:       0 2px 4px rgba(0,0,0,.04), 0 12px 32px rgba(0,0,0,.08);
  --container:    1200px;
  --section-y:    clamp(64px, 8vw, 120px);
  --header-h:     84px;
}
/* ==== FIN ZONE DE MARQUE — rien de brandé en dessous ==== */