/* ==========================================================================
   MyPastilla — Variables de design (charte graphique officielle)
   ========================================================================== */

:root {
	/* Palette officielle (cahier des charges) */
	--mp-color-primary: #0F6B50;      /* Vert Émeraude */
	--mp-color-primary-dark: #0A4F3B;
	--mp-color-secondary: #D4AF37;    /* Doré Premium */
	--mp-color-secondary-light: #E8CC70;
	--mp-color-bg: #FFF8F0;           /* Blanc Cassé */
	--mp-color-text: #2E2E2E;         /* Gris Anthracite */
	--mp-color-white: #FFFFFF;
	--mp-color-border: rgba(46, 46, 46, 0.08);

	/* Dégradé boutons (vert -> doré) */
	--mp-gradient-btn: linear-gradient(135deg, var(--mp-color-primary) 0%, var(--mp-color-secondary) 100%);
	--mp-gradient-btn-hover: linear-gradient(135deg, var(--mp-color-secondary) 0%, var(--mp-color-primary) 100%);

	/* Typographie */
	--mp-font-heading: 'Playfair Display', Georgia, serif;
	--mp-font-body: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;

	/* Rayons et ombres (style premium, minimaliste) */
	--mp-radius-sm: 8px;
	--mp-radius-md: 16px;
	--mp-radius-lg: 28px;
	--mp-shadow-soft: 0 10px 30px rgba(15, 107, 80, 0.08);
	--mp-shadow-card: 0 6px 20px rgba(46, 46, 46, 0.06);

	/* Espacements */
	--mp-section-padding-y: clamp(48px, 8vw, 120px);
	--mp-container-width: 1200px;

	/* Transitions (légères, non intrusives) */
	--mp-transition-fast: 0.2s ease;
	--mp-transition-medium: 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}