/**
 * FondamentApps — bibliothèque de variables couleurs (charte complète)
 * Alignée Figma : collection « FondamentApps / Color »
 * Doc : docs/maquettes/figma-variables-palette.md
 */

:root {
	/* —— Structure —— */
	--fonda-color-noir: #161412;
	--fonda-color-base: #fdf9fb; /* Neutre */
	--fonda-color-white: #ffffff;
	--fonda-color-contrast: var(--fonda-color-noir);
	--fonda-color-muted: #5a5a5a;
	--fonda-color-footer: #2b2b2b;

	/* —— Vert (FondamentApps) —— */
	--fonda-vert-100: #bee0d3;
	--fonda-vert-200: #88c9b0;
	--fonda-vert-300: #1dae8a;
	--fonda-vert-400: #00997d;
	--fonda-vert-500: #00715b;

	/* —— Corail (Applications) —— */
	--fonda-corail-100: #fce2dc;
	--fonda-corail-200: #f6b2a3;
	--fonda-corail-300: #ee7565;
	--fonda-corail-400: #de4d4b;
	--fonda-corail-500: #bd2d2f;

	/* —— Parme (Formations) —— */
	--fonda-parme-100: #ead1e7;
	--fonda-parme-200: #bc98c7;
	--fonda-parme-300: #9061a5;
	--fonda-parme-400: #713f91;
	--fonda-parme-500: #5a2583;

	/* —— Jaune (Accent) —— */
	--fonda-jaune-100: #ffee93;
	--fonda-jaune-200: #ffda00;

	/* —— Alias sémantiques —— */
	--fonda-color-primary: var(--fonda-vert-500);
	--fonda-color-primary-hover: var(--fonda-vert-400);
	--fonda-color-accent: var(--fonda-vert-300);
	--fonda-color-surface-mint: var(--fonda-vert-100);
	--fonda-color-surface-mint-strong: var(--fonda-vert-200);
	--fonda-color-mint: var(--fonda-color-surface-mint);
	--fonda-color-apps: var(--fonda-corail-500);
	--fonda-color-formations: var(--fonda-parme-500);
	--fonda-color-highlight: var(--fonda-jaune-200);

	/* —— Layout (aligné maquettes Hero § 3 bis) —— */
	--fonda-bp-desktop: 40.0625rem; /* 641px — 2 colonnes */
	--fonda-bp-mobile-max: 40rem; /* 640px — empilé */
	--fonda-max-width: 90rem; /* 1440px */

	--fonda-font: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;
	--fonda-max: 1440px;
}