/**
 * Magellio News — Design System (MD11 Phase A)
 * Tokens centralisés — les composants utilisent --news-* (--mn-* restent aliasés).
 */
:root {
	--news-bg: #f8f9fc;
	--news-bg-soft: #f1f3f9;
	--news-surface: #ffffff;
	--news-text: #1a1a1a;
	--news-text-muted: #64748b;
	--news-primary: #4e66f8;
	--news-secondary: #3e52c6;
	--news-accent: #e83e8c;
	--news-border: #e2e8f0;
	--news-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
	--news-shadow-soft: 0 4px 16px rgba(15, 23, 42, 0.06);
	--news-radius-sm: 8px;
	--news-radius-md: 12px;
	--news-radius-lg: 16px;
	--news-container: min(1240px, calc(100% - 40px));
	--news-reading-width: 820px;
	--news-serif: var(--news-sans);
	--news-sans: "Poppins", system-ui, sans-serif;
	--news-space-section: 44px;
	--news-space-block: 28px;
	--news-font-hero: clamp(1.65rem, 3vw, 2.55rem);
	--news-font-section: clamp(1.45rem, 2.3vw, 2rem);
	--news-font-body: 1rem;
	--news-font-meta: 0.82rem;

	/* Rétrocompatibilité templates existants */
	--mn-primary: var(--news-primary);
	--mn-secondary: var(--news-secondary);
	--mn-navy: var(--news-secondary);
	--mn-text: var(--news-text);
	--mn-warm: var(--news-bg);
	--mn-bg: var(--news-bg-soft);
	--mn-teal: var(--news-primary);
	--mn-sand: var(--news-accent);
	--mn-coral: var(--news-accent);
	--mn-muted: var(--news-text-muted);
	--mn-border: var(--news-border);
	--mn-serif: var(--news-serif);
	--mn-sans: var(--news-sans);
	--mn-shadow: var(--news-shadow);
}

@media (min-width: 1440px) {
	:root {
		--news-container: 1320px;
	}
}

@media (max-width: 768px) {
	:root {
		--news-space-section: 32px;
		--news-font-body: 0.9375rem;
	}
}