:root{
/* Marque — issus du logo */
--vert-eclaircie:#1E6B3C; /* feuille & logotype */
--vert-profond:#14472A;
--vert-nuit:#0E2E1C;
--soleil:#F0A422; /* soleil du logo */
--soleil-clair:#F6C453;
--terre:#A6402D; /* vague terracotta */
--terre-claire:#C4674F;
/* Neutres chauds (sable, lin, lumière) */
--lumiere:#FDFBF6;
--sable-50:#FAF6ED;
--sable-100:#F3ECDC;
--lin-200:#E7DCC6;
--lin-300:#D5C7AB;
--encre:#22301F; /* texte principal, vert-noir */
--encre-douce:#57685A; /* texte secondaaire */
--encre-legere:#8C9A8E;
/* Les cinq piliers */
--pilier-comprendre:#23557D; /* bleu profond */
--pilier-accepter:#7F9C7C; /* vert sauge */
--pilier-bouger:#A6402D; /* terracotta */
--pilier-nourrir:#C29331; /* or */
--pilier-rayonner:#F4E3BF; /* lumière — toujours avec texte encre */
/* Sémantique */
--surface-page:var(--sable-50);
--surface-card:#FFFFFF;
--surface-inverse:var(--vert-profond);
--surface-halo:var(--sable-100);
--text-body:var(--encre);
--text-muted:var(--encre-douce);
--text-inverse:var(--lumiere);
--text-accent:var(--vert-eclaircie);
--border-soft:var(--lin-200);
--border-strong:var(--lin-300);
--action-primary:var(--vert-eclaircie);
--action-primary-hover:#185832;
--action-focus-ring:rgba(30,107,60,.35);
--positif:var(--vert-eclaircie);
--attention:var(--pilier-nourrir);
--alerte:var(--terre);
}