/*
 * Design system — variables de charte (custom properties).
 *
 * Couleurs extraites du site actuel (thème Suntech + Customizer) — à affiner
 * visuellement au besoin, mais le design doit rester identique à l'existant.
 */

:root {
	/* Couleurs de marque — extraites du thème Suntech */
	--mq-color-primary: #f35a02;        /* orange primaire (variante vive #ff4700) */
	--mq-color-primary-vivid: #ff4700;
	--mq-color-primary-dark: #c8470a;
	--mq-color-secondary: #00194c;      /* bleu marine secondaire */
	--mq-color-footer: #0d73c1;         /* bleu du footer (Customizer) */
	--mq-color-ink: #0e1422;            /* titres / encre */
	--mq-color-body: #666666;           /* texte courant */
	--mq-color-muted: #797979;
	--mq-color-line: #e5e5e5;
	--mq-color-bg: #ffffff;
	--mq-color-bg-soft: #f2f2f2;

	/* Typographie — Catamaran (police du thème Suntech actuel) */
	--mq-font-body: 'Catamaran', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
	--mq-font-head: 'Catamaran', var(--mq-font-body);
	--mq-fs-base: 1rem;
	--mq-lh-base: 1.6;

	/* Rythme / espacement */
	--mq-space-1: 0.5rem;
	--mq-space-2: 1rem;
	--mq-space-3: 1.5rem;
	--mq-space-4: 2rem;
	--mq-space-5: 2.5rem;
	--mq-space-6: 3rem;
	--mq-space-7: 3.5rem;
	--mq-space-8: 4rem;

	/* Conteneur & rayons */
	--mq-container: 1200px;
	--mq-radius: 12px;
	--mq-radius-sm: 8px;
	--mq-shadow: 0 6px 24px rgba(20, 24, 31, 0.08);
}