/**
 * TNT Plus France — design tokens.
 * Fond noir profond, accent vert foncé, texte blanc / gris — cf. charte validée.
 */
:root {
	/* Indique au navigateur que ce site est sombre : évite le flash blanc
	   entre deux navigations (le navigateur peint le fond par défaut avant
	   même que le CSS ne soit appliqué, et l'utilise aussi pour les
	   contrôles de formulaire natifs). Ne modifie aucune couleur du site. */
	color-scheme: dark;

	--tp-bg: #030403;
	--tp-bg-elevated: #060806;
	--tp-bg-card: #050605;
	--tp-bg-card-2: #060706;

	--tp-border: rgba(255, 255, 255, .09);
	--tp-border-soft: rgba(255, 255, 255, .07);
	--tp-border-2: rgba(255, 255, 255, .08);

	--tp-green-900: #0b5c2e;
	--tp-green-700: #0f7a3d;
	--tp-green-600: #13924a;
	--tp-green-500: #1f9c52;
	--tp-green-400: #2f9e5d;
	--tp-green-300: #4aa877;
	--tp-green-200: #7ec79c;
	--tp-green-mist: #8fbaa0;
	--tp-green-line: rgba(31, 140, 74, .5);

	--tp-white: #f2f4f2;
	--tp-text: #e4e7e5;
	--tp-text-soft: #d3d8d4;
	--tp-text-muted: #a3a9a4;
	--tp-text-mute2: #7e857f;
	--tp-text-mute3: #6f766f;
	--tp-text-mute4: #5c625c;

	--font-display: 'Archivo', sans-serif;
	--font-body: 'Manrope', system-ui, sans-serif;
	--font-mono: 'IBM Plex Mono', monospace;

	--tp-radius-sm: 8px;
	--tp-radius-md: 12px;
	--tp-radius-lg: 18px;
	--tp-radius-xl: 22px;
	--tp-radius-xxl: 28px;
	--tp-radius-pill: 999px;

	--tp-container: 1400px;
	--tp-gutter: clamp(20px, 3vw, 48px);
	--tp-ease: cubic-bezier(.2, .7, .2, 1);
}