/**
 * Marliva — Variables CSS globales
 * Palette ivoire / rose ancien / bleu encre / or mat (70-20-10)
 */

:root {
	/* FONDS CLAIRS — 70% */
	--marliva-ivoire:            #FAF6F0;
	--marliva-blanc-creme:       #FFFDF8;
	--marliva-sable:             #EDE4D3;

	/* ACCENTS CHALEUREUX — 20% */
	--marliva-rose-ancien:       #C4807A;
	--marliva-rose-poudre:       #E8C3BE;
	--marliva-or-mat:            #C9A876;
	--marliva-or-clair:          #DEC395;

	/* ANCRAGES PROFONDS — 10% */
	--marliva-bleu-encre:        #2B3A55;
	--marliva-bleu-encre-clair:  #3D4F6E;

	/* TEXTE */
	--marliva-noir-doux:         #2A2A2A;
	--marliva-gris-chaud:        #6B6157;
	--marliva-gris-clair:        #B5AEA3;

	/* UTILITAIRES */
	--marliva-blanc:             #FFFFFF;
	--marliva-separateur:        #E8DDC9;
	--marliva-overlay:           rgba(43, 58, 85, 0.4);
	--marliva-overlay-rose:      rgba(196, 128, 122, 0.06);

	/* TYPOGRAPHIES */
	--marliva-font-serif:        "Cormorant Garamond", Georgia, "Times New Roman", serif;
	--marliva-font-sans:         Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

	/* ÉCHELLE TYPOGRAPHIQUE FLUIDE */
	--marliva-fs-h1:             clamp(2.5rem, 5vw, 4.5rem);
	--marliva-fs-h2:             clamp(2rem, 4vw, 3rem);
	--marliva-fs-h3:             clamp(1.5rem, 3vw, 2rem);
	--marliva-fs-h4:             1.25rem;
	--marliva-fs-body:           1.0625rem;
	--marliva-fs-small:          0.875rem;
	--marliva-fs-tiny:           0.75rem;

	/* ESPACEMENTS */
	--marliva-space-xs:          0.5rem;
	--marliva-space-sm:          1rem;
	--marliva-space-md:          1.5rem;
	--marliva-space-lg:          2rem;
	--marliva-space-xl:          3rem;
	--marliva-space-2xl:         4rem;
	--marliva-space-3xl:         6rem;
	--marliva-space-4xl:         8rem;

	/* LAYOUT */
	--marliva-container:         1280px;
	--marliva-container-wide:    1440px;
	--marliva-container-narrow:  720px;
	--marliva-radius:            4px;
	--marliva-radius-lg:         8px;

	/* OMBRES (subtiles) */
	--marliva-shadow-sm:         0 2px 8px rgba(43, 58, 85, 0.04);
	--marliva-shadow-md:         0 4px 24px rgba(43, 58, 85, 0.08);
	--marliva-shadow-lg:         0 8px 32px rgba(43, 58, 85, 0.12);

	/* TRANSITIONS */
	--marliva-transition:        all 0.3s ease;
	--marliva-transition-slow:   all 0.5s ease;

	/* Z-INDEX */
	--marliva-z-header:          100;
	--marliva-z-modal:           1000;
	--marliva-z-sticky-mobile:   90;
}