/*
Theme Name: Maison Pénielle
Theme URI: https://maisonpenielle.com
Description: Child theme Hello Elementor géo-adaptatif (FR € / WA F CFA). Design éditorial luxe. V3 — autonome, Customizer enrichi, mega-menu éditable, Mailchimp natif, Schema.org.
Author: Maison Pénielle
Template: hello-elementor
Version: 3.6.5
Text Domain: maison-penielle
*/

:root {
	--mp-bg: #FBF7F3;
	--mp-bg-2: #F3ECE0;
	--mp-ivory: #F7EFE2;
	--mp-ink: #1A1A1A;
	--mp-ink-soft: #3A3430;
	--mp-muted: #7A6F65;
	--mp-hair: #E6DCCB;
	--mp-caramel: #B8956A;
	--mp-caramel-d: #8C6B44;
	--mp-sand: #E8DCC8;
	--mp-white: #FFFFFF;

	--mp-serif-display: 'Playfair Display', 'Cormorant Garamond', Georgia, serif;
	--mp-serif: 'Cormorant Garamond', Georgia, serif;
	--mp-sans: 'Manrope', system-ui, -apple-system, sans-serif;
	--mp-mono: 'DM Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

	--mp-pad-x: clamp(20px, 6vw, 88px);
	--mp-pad-y: clamp(60px, 10vh, 112px);

	--mp-ease: cubic-bezier(0.4, 0, 0.2, 1);
	--mp-ease-out: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

html,
body {
	background: var(--mp-bg);
	color: var(--mp-ink);
	font-family: var(--mp-sans);
	font-size: 16px;
	line-height: 1.55;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a { color: inherit; }
img { display: block; max-width: 100%; }

.elementor-section.elementor-section-boxed > .elementor-container { max-width: 1480px; }

/* Skip link a11y */
.mp-skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 10000;
	padding: 12px 20px;
	background: var(--mp-ink);
	color: var(--mp-bg);
	font-family: var(--mp-mono);
	font-size: 12px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	text-decoration: none;
}
.mp-skip-link:focus {
	left: 12px;
	top: 12px;
}