/* ==========================================================================
   Divane Home : Design Tokens
   Source : palette officielle client (mise à jour juin 2026).
   La précédente palette verte (DJAN Studio mai 2026) a été remplacée
   par une palette dorée à la demande du client (Doré principal +
   Bronze foncé + Champagne).
   ========================================================================== */

:root {
	/* Brand : palette dorée officielle */
	--dh-gold:        #E09C0B; /* Doré principal : CTA, surfaces accent, trait underline gras */
	--dh-gold-dark:   #B17C09; /* Doré assombri : hover surfaces dorées, hover liens (lisibilité sur fond clair) */
	--dh-gold-light:  #F0BE5C; /* Doré clair dérivé : surfaces très douces, états soft */
	--dh-bronze:      #433112; /* Bronze foncé : eyebrow, traits fins, accents dark luxe */
	--dh-champagne:   #E3BC75; /* Champagne : accent doux, alternative à bronze sur fond très clair */

	/* Neutrals */
	--dh-black:        #000000;
	--dh-white:        #FFFFFF;
	--dh-bg:           #FFFFFF;
	--dh-surface:      #FAFAF7;
	/* surface-2 : off-white plus marqué pour l'alternance de bandes
	   pleine largeur sur la home (pattern DA Decor). */
	--dh-surface-2:    #F4F4F0;
	--dh-text:         #1A1A1A;
	--dh-text-light:   #4A4A4A;
	--dh-text-muted:   #6B6B6B;
	--dh-border:       #E5E5E0;
	/* border-soft : ligne très discrète pour séparer cards et bandes
	   sans alourdir le rendu Decor minimaliste. */
	--dh-border-soft:  #EFEFEC;

	/* Typographie : Montserrat (titres) + Poppins (corps) */
	--dh-font-heading: "Montserrat", "Helvetica Neue", Arial, sans-serif;
	--dh-font-body:    "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;

	--dh-fw-regular:   400;
	--dh-fw-medium:    500;
	--dh-fw-semibold:  600;
	--dh-fw-bold:      700;

	/* Spacing scale */
	--dh-space-xs:  0.5rem;
	--dh-space-sm:  1rem;
	--dh-space-md:  1.5rem;
	--dh-space-lg:  2.5rem;
	--dh-space-xl:  4rem;

	/* Radius */
	--dh-radius-sm: 2px;
	--dh-radius-md: 4px;

	/* Transitions */
	--dh-transition: 0.25s ease;
	/* Easing utilisé pour les motions structurelles (reveals scroll, slides,
	   apparitions staggered). var(--dh-transition) reste réservé aux états
	   de couleur / hover. */
	--dh-ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
}