/*
 * Jetons du design system Visioo, relevés dans design/handoff/project/Fondation.dc.html.
 * Thème clair partout ; le thème sombre est réservé à la salle de réunion.
 */
:root {
	/* Marque */
	--vs-petrole: #18534f;
	--vs-petrole-fonce: #12403d;
	--vs-petrole-clair: #226d68;
	--vs-petrole-teinte: #ecf8f6;
	--vs-petrole-teinte-bord: #bfdcd8;
	--vs-caramel: #d6955b;
	--vs-caramel-fonce: #9c6334;
	--vs-caramel-teinte: #f6eae0;
	--vs-caramel-teinte-bord: #ebd3bf;
	--vs-vert-eau: #f7fbfa;

	/* Neutres */
	--vs-encre: #222222;
	--vs-gris-texte: #6b7b79;
	--vs-gris-eteint: #9aa8a6;
	--vs-bord-champ: #c6dad7;
	--vs-bord: #dfe8e7;
	--vs-separateur: #edf1f0;
	--vs-surface-eteinte: #e9efee;
	--vs-blanc: #ffffff;

	/* Site public (écarts documentés dans Livraison.dc.html) */
	--vs-titre: #14302e;
	--vs-texte-2: #3f4d4b;
	--vs-texte-3: #5a6967;
	--vs-creme: #f7f3ee;
	--vs-creme-bord: #ebe3d8;
	--vs-creme-bord-2: #e2d9cc;
	--vs-caramel-texte: #7a4a22;
	--vs-caramel-clair: #e8b488;
	--vs-bord-2: #d3e0de;

	/* Sémantiques : plein, teinte, ligne, texte sur teinte */
	--vs-succes: #4a9a63;
	--vs-succes-teinte: #e4f3e8;
	--vs-succes-ligne: #c5e3ce;
	--vs-succes-texte: #2c6b3f;
	--vs-attention: #e6be4a;
	--vs-attention-teinte: #fbf2de;
	--vs-attention-ligne: #f0dfb0;
	--vs-attention-texte: #7a5e12;
	--vs-erreur: #c0503c;
	--vs-erreur-teinte: #fbe9e6;
	--vs-erreur-ligne: #f2d3cd;
	--vs-erreur-texte: #96382a;

	/* Salle de réunion (sombre) */
	--vs-scene: #0e1a19;
	--vs-tuile: #1b2a29;
	--vs-surface-sombre: #253736;
	--vs-surface-sombre-survol: #2f4442;
	--vs-ligne-sombre: #364a48;
	--vs-texte-clair: #f2f7f6;
	--vs-texte-attenue: #a8b5b3;

	/* Typographie (polices hébergées par nous à partir de la phase 1) */
	--vs-police: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--vs-police-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

	/* Espacements (pas de 4 px), rayons, ombres */
	--vs-espace-1: 4px;
	--vs-espace-2: 8px;
	--vs-espace-3: 12px;
	--vs-espace-4: 16px;
	--vs-espace-5: 20px;
	--vs-espace-6: 24px;
	--vs-espace-8: 32px;
	--vs-espace-10: 40px;
	--vs-espace-12: 48px;
	--vs-espace-16: 64px;
	--vs-rayon-xs: 4px;
	--vs-rayon-sm: 6px;
	--vs-rayon: 8px;
	--vs-rayon-pilule: 999px;
	--vs-ombre-1: 0 2px 8px rgba(24, 83, 79, 0.08);
	--vs-ombre-2: 0 10px 26px rgba(24, 83, 79, 0.12);
	--vs-ombre-3: 0 18px 40px rgba(24, 83, 79, 0.18);
	--vs-focus: 3px solid var(--vs-caramel);
}