/* ==========================================================================
   Design tokens — issus des variables Figma (fichier « mdii - Website »)
   ========================================================================== */
:root {
	/* Couleurs (variables Figma) */
	--color-1: #199bd7; /* Bleu MDII */
	--color-2: #20a95b; /* Vert — boutons */
	--color-3: #ee2d24; /* Rouge — accents, slider actif, langue */
	--color-4: #ffffff;
	--color-5: #e8e8e8;
	--color-6: #000000;
	--color-7: #018b99; /* Turquoise — soulignement des titres */
	--black: #000000;

	/* Couleurs relevées dans la maquette (hors variables) */
	--color-page: #f6f6f6;
	--color-header: #f9f9f9;
	--color-search: #f2f4f8;
	--color-placeholder: #95a1b8;
	--color-divider: rgba(0, 0, 0, 0.12);
	--color-btn-border: rgba(255, 255, 255, 0.2);
	--color-partner-divider: #d9d9d9;
	--color-doc-border: rgba(25, 155, 215, 0.24);

	/* Annuaire (palette « slate » de la maquette) */
	--color-slate-50: #f8fafc;
	--color-slate-100: #f1f5f9;
	--color-slate-200: #e2e8f0;
	--color-slate-400: #90a1b9;
	--color-slate-500: #62748e;
	--color-slate-600: #45556c;
	--color-slate-700: #314158;
	--color-slate-800: #1d293d;
	--color-chip: #f8f9fa;
	--color-chip-blue: #f0f7fa;
	--color-chip-blue-border: #e1f0f6;
	--color-link-blue: #2b6cb0;
	--color-faq-text: #53686a; /* FAQ publique — questions et réponses */
	--color-news-title: #21243d; /* Page Actualités — titres des cartes */
	--color-news-chip: rgba(32, 169, 91, 0.16); /* Pastille de date verte */
	--color-table-border: rgba(219, 219, 219, 0.55); /* Conventions — cadre et en-tête du tableau */
	--color-org-divider: #c7c7c7; /* Conventions — séparation entre organismes */

	/* Dégradés */
	--gradient-hero: linear-gradient(230.67deg, rgba(25, 155, 215, 0) 31.713%, #004869 92.275%);
	--gradient-news: linear-gradient(144deg, #013953 9.51%, #027fb9 75.42%);
	--gradient-banner: linear-gradient(180deg, #013953 0%, #027fb9 100%);
	--gradient-card-image: linear-gradient(180deg, rgba(8, 106, 151, 0) 0%, rgba(8, 106, 151, 0.7) 100%);

	/* Typographie */
	--font-primary: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
	--font-secondary: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
	--font-news: "Heebo", system-ui, -apple-system, "Segoe UI", sans-serif; /* Titres de la page Actualités */
	--fw-regular: 400;
	--fw-medium: 500;
	--fw-semibold: 600;
	--fw-bold: 700;

	--fs-12: 0.75rem;
	--fs-14: 0.875rem;
	--fs-16: 1rem;
	--fs-17: 1.0625rem;
	--fs-18: 1.125rem;
	--fs-20: 1.25rem;
	--fs-35: 2.1875rem;
	--fs-48: 3rem;

	/* Rayons */
	--radius-xs: 4px;
	--radius-sm: 5px;
	--radius-md: 8px;
	--radius-card: 16px;
	--radius-doc: 8.485px;
	--radius-news: 9.358px;
	--radius-news-img: 4.679px;
	--radius-pill: 50px;
	--radius-section: 100px;

	/* Ombres */
	--shadow-card: 0 15px 44px 0 rgba(0, 0, 0, 0.05);

	/* Mise en page */
	--container: 1240px;
	--gutter: 16px;

	/* Transitions */
	--ease: cubic-bezier(0.4, 0, 0.2, 1);
	--duration: 0.3s;
}

@media (min-width: 768px) {
	:root { --gutter: 32px; }
}

@media (min-width: 1440px) {
	:root { --gutter: 100px; }
}