/* ==========================================================================
   RCAM — Design tokens (source unique : charte_graphique.md §9.1)
   Pour une autre identité client : ne modifier que ce fichier + theme.json.
   ========================================================================== */
:root {
	/* Couleurs */
	--color-ink-950: #0B1220;
	--color-ink-900: #121C31;
	--color-ink-800: #1B2842;
	--color-paper-50: #F7F9FB;
	--color-paper-100: #EDF1F6;
	--color-paper-200: #DFE5EC;
	--color-slate-100: #E6EBF2;
	--color-slate-300: #B9C3D1;
	--color-slate-500: #5B6B80;
	--color-slate-800: #1F2A3C;
	--color-cyan-300: #7BE6EA;
	--color-cyan-400: #3FD6DC;
	--color-cyan-500: #1FB8BF;
	--color-cyan-700: #0E7C82;
	--color-green-500: #2FB37A;
	--color-amber-500: #E5A63B;
	--color-red-500: #D9534F;
	--color-logo-bars: #595758; /* barres du monogramme (fichier source logo-r.eps) */

	/* Typographie */
	--font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
	--font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
	--font-mono: "JetBrains Mono", ui-monospace, monospace;

	/* Formes & espacements (base 4 px) */
	--radius-sm: 4px;
	--radius-md: 8px;
	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-6: 24px;
	--space-8: 32px;
	--space-12: 48px;
	--space-16: 64px;
	--space-24: 96px;
	--space-32: 128px;
	--container-max: 1200px;

	/* Mouvement */
	--motion-fast: 150ms;
	--motion-base: 300ms;
	--motion-enter: 400ms;
	--ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--motion-fast: 0ms;
		--motion-base: 0ms;
		--motion-enter: 0ms;
	}
}