@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&family=Outfit:wght@300;400;500;600;700&display=swap');

/* ============================================================
   GIBIAT MARC — ZONE DE MARQUE
   SEULE ZONE À MODIFIER POUR REBRANDER : écraser ce fichier.
   V2 : palette ardoise et pierre demandée par Alexis
   (#3D414C, #F7F7F7, #EDE9DE, #D7D0C3), formes anguleuses,
   titres en capitales gravées (Cormorant Garamond).
   ============================================================ */
:root{
  /* Marque */
  --brand:        #3d414c;   /* ardoise : nav, boutons, aplats (blanc dessus 10:1) */
  --brand-dark:   #2a2d35;   /* survol des boutons */
  --brand-soft:   #ede9de;   /* fonds pierre claire */
  --brand-ink:    #3d414c;   /* titres/liens sur fond clair */
  --accent:       #d7d0c3;   /* pierre : détails et titres sur fond ardoise (6.4:1) */
  --on-brand:     #ffffff;   /* texte posé sur --brand */

  /* Fonds sombres : ardoise */
  --dark:         #3d414c;
  --dark-deep:    #2a2d35;
  --on-dark:      #ffffff;
  --on-dark-soft: #d7d0c3;
  --line-on-dark: rgba(255,255,255,.18);

  /* Pierres (logo, carte) */
  --stone-1:      #ede9de;
  --stone-2:      #d7d0c3;
  --stone-3:      #b9b1a2;
  --joint:        #f7f7f7;

  /* Neutres */
  --ink:          #23262d;
  --ink-soft:     #5b5f68;
  --surface:      #ffffff;
  --surface-alt:  #f7f7f7;
  --line:         #d7d0c3;

  /* Typo */
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-kicker:  'Outfit', system-ui, sans-serif;
  --font-body:    'Outfit', system-ui, sans-serif;

  /* Forme : anguleuse */
  --radius:       0px;
  --radius-lg:    2px;
  --radius-pill:  2px;
  --shadow:       0 1px 2px rgba(35,38,45,.06), 0 18px 40px rgba(35,38,45,.10);
  --container:    1320px;
  --section-y:    clamp(72px, 9vw, 128px);
  --header-h:     76px;      /* hauteur du header collant, sert au scroll-margin-top */
}
/* ==== FIN ZONE DE MARQUE — rien de brandé en dessous ==== */
