/* ============================================================
   GARNIER MENUISERIE AGENCEMENT · ZONE DE MARQUE
   SEULE ZONE À MODIFIER POUR REBRANDER : écraser ce fichier.

   Structure kit31 : cartes flottantes sur fond clair, mot serif italique.
   Aucune charte publique (pas de site, pas de logo trouvé) : palette
   choisie par l'agent, tirée du métier et du pays mâconnais.
     noyer / chêne fumé    #7a4524 → --brand (boutons, badges)
     vert de vigne         #4a6a36 → --em (mot en serif italique)
     pierre dorée claire   #f8f4ec → --surface-alt (fond général)
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');

:root{
  /* Marque */
  --brand:        #7a4524;   /* noyer : boutons, badges (blanc dessus 7.8:1) */
  --brand-dark:   #5c3219;   /* survol des boutons (blanc dessus 10.9:1) */
  --brand-soft:   #f3e8dc;   /* fonds teintés clairs, pastilles */
  --brand-ink:    #6a3b1e;   /* liens et item actif sur fond clair (8.5:1) */
  --em:           #4a6a36;   /* vert de vigne : mot serif italique (5.6:1 sur fond clair) */
  --brand-light:  #dcae74;   /* miel : mot italique sur fond sombre (8.5:1 sur --deep) */
  --accent:       #eadcc0;   /* pierre dorée : surtitres et boutons fantômes sur photo */
  --on-brand:     #ffffff;
  --on-accent:    #211912;

  /* Surfaces profondes (bande réalisations, bande CTA, barre légale) */
  --deep:         #211912;   /* noyer très sombre */
  --deep-2:       #16100b;
  --on-deep:      #ffffff;
  --on-deep-soft: rgba(255,255,255,.8);

  /* Neutres */
  --ink:          #211912;
  --ink-soft:     #4b443b;   /* 8.7:1 sur fond clair */
  --ink-mute:     #6b6357;   /* 5.4:1 sur fond clair, 4.7:1 sur --surface-warm */
  --surface:      #ffffff;
  --surface-alt:  #f8f4ec;   /* fond général, pierre dorée claire */
  --surface-warm: #efe5d3;   /* bandes chaudes (déroulé, FAQ, footer) */
  --line:         #e4dac8;

  /* Voiles posés sur photo */
  --veil:         linear-gradient(100deg, rgba(0,0,0,.82) 0%, rgba(0,0,0,.62) 42%, rgba(0,0,0,.22) 78%, rgba(0,0,0,.1) 100%);
  --veil-mobile:  linear-gradient(to top, rgba(0,0,0,.9) 0%, rgba(0,0,0,.74) 55%, rgba(0,0,0,.35) 100%);
  --veil-bottom:  linear-gradient(to top, rgba(0,0,0,.86) 0%, rgba(0,0,0,.55) 46%, rgba(0,0,0,.18) 100%);
  --veil-cta:     linear-gradient(90deg, rgba(22,16,11,.96) 0%, rgba(22,16,11,.9) 38%, rgba(33,25,18,.6) 70%, rgba(33,25,18,.15) 100%);

  /* Typo */
  --font-display: 'Inter Tight', system-ui, sans-serif;
  --font-body:    'Inter Tight', system-ui, sans-serif;
  --font-serif:   'Playfair Display', Georgia, serif;
  --font-btn:     'Inter Tight', system-ui, sans-serif;

  /* Forme */
  --radius:       20px;
  --radius-lg:    28px;
  --radius-btn:   8px;
  --radius-pill:  999px;
  --shadow:       0 2px 4px rgba(0,0,0,.03), 0 14px 34px rgba(0,0,0,.08);
  --shadow-pill:  0 6px 22px rgba(0,0,0,.10);
  --shadow-brand: 0 10px 26px -10px rgba(122,69,36,.65);
  --gutter:       clamp(12px, 2.8vw, 40px);
  --container:    1240px;
  --section-y:    clamp(64px, 8vw, 110px);
  --header-h:     96px;      /* sert au scroll-margin-top des ancres */
}
/* ==== FIN ZONE DE MARQUE : rien de brandé en dessous ==== */