/* ──────────────────────────────────────────
 * Main Verte — design tokens
 * Vert principal extrait du logo : #A2C617 (hsl 72 79% 43%)
 * Système : un vert lumineux pour accents/badges, un vert profond pour CTA et fonds.
 * ────────────────────────────────────────── */

:root {
	--mv-background: 0 0% 100%;
	--mv-foreground: 80 25% 10%;       /* presque noir teinté vert */
	--mv-card: 80 30% 97%;             /* crème vert pâle */
	--mv-muted: 80 20% 94%;
	--mv-muted-foreground: 80 8% 38%;
	--mv-border: 80 15% 86%;

	/* Vert lumineux extrait du logo — accents, badges, séparateurs, focus */
	--mv-primary: 72 79% 43%;          /* #A2C617 */
	--mv-primary-foreground: 80 30% 8%;/* texte sur fond primary CLAIR — dark (contraste élevé) */
	--mv-primary-glow: 72 75% 56%;     /* #C9DC3F — halos & gradients */

	/* Texte sur fond SOMBRE (footer, hero overlay, CTA band deep) */
	--mv-on-dark: 60 30% 96%;          /* blanc cassé légèrement chaud */
	--mv-on-dark-muted: 60 15% 75%;    /* secondaire sur fond sombre */

	/* Vert profond pour CTA principaux (texte blanc, contraste WCAG AAA) */
	--mv-deep: 84 70% 22%;             /* #4D6E0F */
	--mv-deep-foreground: 60 30% 96%;  /* blanc cassé légèrement chaud */

	/* Tons supports */
	--mv-leaf: 80 55% 38%;             /* vert moyen pour gradients */
	--mv-forest: 84 35% 16%;           /* vert sombre pour fonds */
	--mv-earth: 30 25% 32%;            /* terre, pour accents tertiaires */
	--mv-sand: 45 40% 88%;
	--mv-cream: 45 30% 96%;

	/* Hero overlay & footer */
	--mv-hero-overlay: 84 30% 8%;
	--mv-hero-overlay-opacity: 0.55;
	--mv-footer-bg: 84 30% 11%;

	--mv-radius: 0.85rem;

	--mv-font-display: 'Space Grotesk', system-ui, -apple-system, sans-serif;
	--mv-font-body: 'Inter', system-ui, -apple-system, sans-serif;

	/* Gradients */
	--mv-gradient-primary: linear-gradient(135deg, hsl(72 79% 43%) 0%, hsl(80 65% 38%) 100%);
	--mv-gradient-primary-soft: linear-gradient(135deg, hsl(72 79% 43% / 0.95), hsl(84 70% 22% / 0.95));
	--mv-gradient-hero: linear-gradient(135deg, hsl(84 30% 8% / 0.85), hsl(72 30% 18% / 0.55));
	--mv-gradient-leaf: linear-gradient(135deg, hsl(72 79% 43%), hsl(72 75% 56%));
	--mv-gradient-subtle: linear-gradient(180deg, hsl(80 30% 97%), hsl(0 0% 100%));
	--mv-gradient-warm: linear-gradient(135deg, hsl(80 30% 97%), hsl(45 35% 92%));

	/* Shadows — désactivées globalement (design plat) */
	--mv-shadow-soft: none;
	--mv-shadow-elegant: none;
	--mv-shadow-glow: none;
	--mv-shadow-card: none;

	--mv-ease: cubic-bezier(0.16, 1, 0.3, 1);
	--mv-ease-snappy: cubic-bezier(0.4, 0, 0.2, 1);
}

/* Lift body so fixed header doesn't overlap content on inner pages */
body {
	font-family: var(--mv-font-body);
	color: hsl(var(--mv-foreground));
	background: hsl(var(--mv-background));
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 17px;
	line-height: 1.65;
}
@media (min-width: 768px) {
	body { font-size: 17px; }
}

h1, h2, h3, h4, h5, h6,
.wp-block-heading {
	font-family: var(--mv-font-display);
	color: hsl(var(--mv-foreground));
	letter-spacing: -0.01em;
	font-weight: 700;
}

a { color: hsl(var(--mv-deep)); }
a:hover { color: hsl(var(--mv-primary)); }

html { scroll-behavior: smooth; }

::selection {
	background: hsl(var(--mv-primary) / 0.7);
	color: hsl(var(--mv-foreground));
}