/*
Theme Name: Maison Pierre
Theme URI: https://maisonspierre.com
Author: Maisons Pierre
Author URI: https://maisonspierre.com
Description: Thème custom Maison Pierre - ACF Pro + Gutenberg. Architecture moderne, CPT (Maisons, Programmes, Patrimoine, Gammes, Annonces, Jobs, Témoignages), blocks réutilisables, templates responsives mobile-first.
Version: 1.0.0
Requires at least: 5.9
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: maison-pierre
Tags: custom-background, custom-logo, custom-menu, featured-images, full-site-editing, block-styles, wide-blocks, sticky-post, translation-ready, blog, portfolio, flexible-header, footer-widgets, block-patterns

Maison Pierre - Thème custom optimisé (Option 3 : Thème Custom + ACF + Gutenberg).
*/

/* -----------------------------------------------------------------------------
   CSS variables - design tokens
----------------------------------------------------------------------------- */
:root {
	--mp-color-primary: #c4a052;
	--mp-color-primary-dark: #a08040;
	--mp-color-text: #222;
	--mp-color-text-light: #666;
	--mp-color-bg: #fff;
	--mp-color-bg-alt: #f5f5f5;
	--mp-font-sans: "Brandon Grotesque", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, sans-serif;
	--mp-font-serif: Georgia, "Times New Roman", serif;
	--mp-container-max: 1200px;
	--mp-spacing-unit: 8px;
	--mp-header-height: 72px;
	--mp-transition: 0.2s ease;
}

/* Base */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
	margin: 0;
	font-family: var(--mp-font-sans);
	font-size: 16px;
	line-height: 1.6;
	color: var(--mp-color-text);
	background: var(--mp-color-bg);
}
img { max-width: 100%; height: auto; display: block; }
a { color: var(--mp-color-primary); transition: color var(--mp-transition); }
a:hover { color: var(--mp-color-primary-dark); }

/* Layout */
.mp-container {
	width: 100%;
	max-width: var(--mp-container-max);
	margin-left: auto;
	margin-right: auto;
	padding-left: calc(var(--mp-spacing-unit) * 3);
	padding-right: calc(var(--mp-spacing-unit) * 3);
}
.mp-site-main { min-height: 50vh; padding: calc(var(--mp-spacing-unit) * 4) 0; }

/* Responsive */
@media (max-width: 782px) {
	.mp-container { padding-left: calc(var(--mp-spacing-unit) * 2); padding-right: calc(var(--mp-spacing-unit) * 2); }
}