/* Theme SMCF WordPress — variables de design (partagées par le site et l'éditeur de blocs). */

:root {
	color-scheme: light dark;

	/* Couleur d'accent : modifiable dans Personnaliser (injectée en ligne). */
	--accent-base: #c50004;
	--hero-overlay: 0.55;

	--bg: light-dark(#f7f6f2, #0d1318);
	--surface: light-dark(#ffffff, #141c23);
	--surface-2: light-dark(#efede7, #1b2530);
	--text: light-dark(#17212b, #e6ecf1);
	--text-muted: light-dark(#556270, #9db0bf);
	--border: light-dark(#dcd8ce, #263340);
	--link: light-dark(#0a5784, #86c8f0);
	--brand: light-dark(#0f3b57, #0f3b57);
	--accent: light-dark(var(--accent-base), color-mix(in oklab, var(--accent-base) 62%, #ff8a8a));
	--accent-strong: light-dark(color-mix(in oklab, var(--accent-base) 85%, black), color-mix(in oklab, var(--accent-base) 45%, white));
	--accent-soft: color-mix(in oklab, var(--accent) 14%, transparent);
	--on-accent: light-dark(#ffffff, #1b0e05);
	--footer-bg: light-dark(#0f2a3d, #080d11);
	--footer-text: #d6e1ea;

	--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif;
	--font-display: "Avenir Next", "Segoe UI Variable Display", "Segoe UI", ui-sans-serif, system-ui, sans-serif;
	--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;

	--fs-xs: clamp(0.78rem, 0.76rem + 0.1vw, 0.84rem);
	--fs-sm: clamp(0.88rem, 0.86rem + 0.1vw, 0.94rem);
	--fs-base: clamp(1.02rem, 0.98rem + 0.2vw, 1.14rem);
	--fs-lg: clamp(1.2rem, 1.1rem + 0.5vw, 1.45rem);
	--fs-xl: clamp(1.5rem, 1.25rem + 1.2vw, 2.1rem);
	--fs-2xl: clamp(1.9rem, 1.4rem + 2.2vw, 3rem);
	--fs-3xl: clamp(2.3rem, 1.5rem + 3.8vw, 4.4rem);

	--gutter: clamp(1rem, 4vw, 2rem);
	--measure: 44rem;
	--wide: 76rem;
	--r-sm: 6px;
	--r: 12px;
	--r-lg: 20px;
	--shadow-sm: 0 1px 2px rgb(0 0 0 / 0.06), 0 1px 1px rgb(0 0 0 / 0.04);
	--shadow: 0 8px 24px -8px rgb(10 30 50 / 0.18), 0 2px 6px rgb(10 30 50 / 0.06);
	--ease: cubic-bezier(0.2, 0.7, 0.2, 1);
	--header-h: 4.25rem;
}

:root[data-scheme="light"] { color-scheme: light; }
:root[data-scheme="dark"] { color-scheme: dark; }