/**
 * Variables CSS partagées avec SimulateurPro Notions.
 * Modifie ici pour ajuster la charte sur les deux plugins.
 */
:root {
	/* Couleurs principales */
	--sps-couleur-primaire: #2271b1;
	--sps-couleur-primaire-clair: #4f9fdf;
	--sps-couleur-primaire-fonce: #135e96;
	--sps-couleur-secondaire: #50575e;
	--sps-couleur-succes: #00a32a;
	--sps-couleur-avertissement: #dba617;
	--sps-couleur-danger: #d63638;
	--sps-couleur-info: #72aee6;

	/* Fond et texte */
	--sps-bg: #ffffff;
	--sps-bg-doux: #f6f7f7;
	--sps-bg-card: #ffffff;
	--sps-texte: #1d2327;
	--sps-texte-secondaire: #50575e;
	--sps-bordure: #dcdcde;
	--sps-bordure-claire: #f0f0f1;

	/* Tailles et espacements */
	--sps-radius: 8px;
	--sps-radius-petit: 4px;
	--sps-radius-grand: 16px;
	--sps-espacement: 16px;
	--sps-espacement-petit: 8px;
	--sps-espacement-grand: 24px;

	/* Ombres */
	--sps-ombre-douce: 0 1px 3px rgba(0, 0, 0, 0.08);
	--sps-ombre-moyenne: 0 4px 12px rgba(0, 0, 0, 0.10);
	--sps-ombre-forte: 0 8px 24px rgba(0, 0, 0, 0.12);

	/* Typographie */
	--sps-police: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;
	--sps-taille-base: 16px;
	--sps-taille-grand: 1.25rem;
	--sps-taille-titre: 1.5rem;
	--sps-taille-titre-grand: 2rem;
	--sps-poids-normal: 400;
	--sps-poids-fort: 600;
	--sps-poids-tres-fort: 700;

	/* Transitions */
	--sps-transition: 0.2s ease;
	--sps-transition-lente: 0.4s ease;

	/* États sprint */
	--sps-statut-reussi: #00a32a;
	--sps-statut-echec: #d63638;
	--sps-statut-jamais: #8c8f94;
	--sps-statut-tente: #dba617;

	/* Chrono */
	--sps-chrono-ok: #00a32a;
	--sps-chrono-warn: #dba617;
	--sps-chrono-danger: #d63638;
}