/**
 * Je Travel Gamification — Official Brand Design Tokens (v5.0)
 *
 * Charte Graphique Officielle :
 * 60% Blanc/Gris clair (#FFFFFF / #F5F7FA)
 * 20% Bleu Je Travel (#1CA3DD)
 * 10% Jaune Je Travel (#F8B400)
 * 5%  Rouge Action (#E63946)
 * 5%  Bleu Marine Premium (#0B2545)
 */

:root {
	/* Couleurs Principales */
	--jetravel-blue: #1CA3DD;
	--jetravel-blue-hover: #1276A8;
	--jetravel-blue-light: #E3F6FD;

	/* Couleurs Secondaires */
	--jetravel-yellow: #F8B400;
	--jetravel-yellow-hover: #E09F00;
	--jetravel-yellow-light: #FEF6DC;

	/* Couleurs d'Action & Urgence */
	--jetravel-red: #E63946;
	--jetravel-red-hover: #C52B37;
	--jetravel-red-light: #FEF0F1;

	/* Couleurs Premium */
	--jetravel-navy: #0B2545;
	--jetravel-navy-light: #133966;

	/* Neutres */
	--jetravel-gray-light: #F5F7FA;
	--jetravel-gray-border: #E2E8F0;
	--jetravel-gray-muted: #718096;
	--jetravel-gray-dark: #333333;
	--jetravel-white: #FFFFFF;

	/* Typographies */
	--jetravel-font-title: 'Montserrat', 'Trebuchet MS', Arial, sans-serif;
	--jetravel-font-body: 'Poppins', 'Segoe UI', Tahoma, sans-serif;

	/* Ombres & Rayons */
	--jetravel-radius-sm: 6px;
	--jetravel-radius-md: 12px;
	--jetravel-radius-lg: 20px;
	--jetravel-radius-full: 9999px;

	--jetravel-shadow-sm: 0 2px 4px rgba(11, 37, 69, 0.05);
	--jetravel-shadow-md: 0 6px 16px rgba(11, 37, 69, 0.08);
	--jetravel-shadow-lg: 0 12px 28px rgba(11, 37, 69, 0.12);

	/* Transitions */
	--jetravel-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}