/**
 * Variables globales — MédiNeupré
 *
 * Ces variables constituent la base graphique commune du site.
 */

:root {
	/* Typographie commune */
	--mn-font-family: "Aptos", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--mn-font-weight-regular: 400;
	--mn-font-weight-medium: 600;
	--mn-font-weight-bold: 700;
	/* Couleurs principales */
	--mn-color-primary: #00586f;
	--mn-color-primary-dark: #003f50;
	--mn-color-secondary: #80cbd2;
	--mn-color-secondary-light: #e7f7f8;

	/* Couleurs de contenu */
	--mn-color-text: #17343c;
	--mn-color-text-muted: #60747a;
	--mn-color-white: #ffffff;
	--mn-color-background: #eef8f9;
	--mn-color-border: rgba(0, 88, 111, 0.15);

	/* Dimensions */
	--mn-container-width: 1280px;
	--mn-header-height: 76px;

	/* Arrondis */
	--mn-radius-small: 10px;
	--mn-radius-medium: 18px;
	--mn-radius-large: 28px;
	--mn-radius-pill: 999px;

	/* Ombres */
	--mn-shadow-small: 0 6px 20px rgba(0, 63, 80, 0.08);
	--mn-shadow-medium: 0 15px 40px rgba(0, 63, 80, 0.12);
	--mn-shadow-large: 0 24px 60px rgba(0, 63, 80, 0.12);

	/* Animations */
	--mn-transition-fast: 180ms ease;
	--mn-transition-standard: 280ms ease;
	--mn-transition-slow: 450ms ease;

	/* Superposition */
	--mn-z-header: 1000;
	--mn-z-menu-mobile: 1100;
	--mn-z-modal: 1200;
}