/**
 * Tokens — Outils du Greffeur 2026
 *
 * Valeurs reprises telles quelles de la section « Tokens » du handoff
 * (design_handoff_refonte_integrale/README.md). Aucune valeur n'est inventee ici :
 * toute modification doit d'abord etre arbitree dans le handoff.
 *
 * Les noms restent en francais, comme dans le handoff, prefixes --odg-.
 */

:root {
	/* --- Couleurs (13 tokens du handoff) --- */
	--odg-vert-fonce: #2f5d3a;   /* primaire, boutons, brique Carnet */
	--odg-vert-clair: #f2f5ee;   /* fond de carte selectionnee */
	--odg-vert-pale: #c9d6be;    /* sur-titre sur fond vert */
	--odg-vert-texte: #d9e0d0;   /* corps de texte sur fond vert */
	--odg-terracotta: #b4622f;   /* accent, etoiles, liens secondaires */
	--odg-encre: #22261f;        /* texte principal, pied de page */
	--odg-encre-douce: #4a5044;  /* texte courant */
	/*
	 * Texte tertiaire. Seule valeur du handoff corrigee ici, au lot 7 (recette).
	 *
	 * Valeur d'origine du handoff : #7d8275. Elle echoue au seuil AA de 4,5:1
	 * pour du petit texte — 3,78 sur --odg-papier, 3,55 sur --odg-papier-2,
	 * 3,58 sur --odg-vert-clair (fond de carte choisie). Ce n'est pas un defaut
	 * d'usage mais un defaut de palette : le token est employe partout ou le
	 * handoff demande du texte tertiaire (baseline d'en-tete, suffixe de titre,
	 * usage et prix unitaire des cartes, fil d'Ariane, libelle de la barre
	 * d'achat, attributions d'avis...). On corrige donc le token, pas ses usages.
	 *
	 * #6b7063 est le plus petit assombrissement conservant la teinte : 4,87 sur
	 * --odg-papier, 4,59 sur --odg-papier-2, 4,63 sur --odg-vert-clair. Ne pas
	 * l'employer sur --odg-desk (4,22) : aucun texte tertiaire n'y est pose.
	 */
	--odg-gris-texte: #6b7063;   /* texte tertiaire — corrige AA, voir ci-dessus */
	--odg-papier: #fbfaf5;       /* fond de contenu */
	--odg-papier-2: #f5f3ec;     /* fond de bloc */
	--odg-desk: #eceade;         /* fond de page */
	--odg-trait: #e6e3d6;        /* separateurs */
	--odg-trait-fort: #ddd9cb;   /* bordures de cadre */
	--odg-pointille: #d5d2c6;    /* filets pointilles */

	/* Deux teintes de texte sur fond encre, relevees du prototype de pied de page.
	   Hors liste des 13 tokens du handoff, ajoutees pour ne pas coder de valeur en dur. */
	--odg-encre-texte: #d3d5cc;  /* corps de texte sur fond encre */
	--odg-creme: #f2f1e7;        /* texte et bouton inverse sur fond vert */

	/* --- Familles typographiques --- */
	--odg-police-titre: "Newsreader", Georgia, "Times New Roman", serif;
	--odg-police-ui: "Karla", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

	/* --- Echelle typographique (handoff : 56/38/32/28/24/22/17/16/15/14/13/12/11/10) --- */
	--odg-texte-56: 56px;
	--odg-texte-38: 38px;
	--odg-texte-32: 32px;
	--odg-texte-28: 28px;
	--odg-texte-24: 24px;
	--odg-texte-22: 22px;
	--odg-texte-17: 17px;
	--odg-texte-16: 16px;
	--odg-texte-15: 15px;
	--odg-texte-14: 14px;
	--odg-texte-13: 13px;
	--odg-texte-12: 12px;
	--odg-texte-11: 11px;
	--odg-texte-10: 10px;

	/* --- Espacements (handoff : 4/8/12/16/18/24/28/40/48/56/64) --- */
	--odg-espace-4: 4px;
	--odg-espace-8: 8px;
	--odg-espace-12: 12px;
	--odg-espace-16: 16px;
	--odg-espace-18: 18px;
	--odg-espace-24: 24px;
	--odg-espace-28: 28px;
	--odg-espace-40: 40px;
	--odg-espace-48: 48px;
	--odg-espace-56: 56px;
	--odg-espace-64: 64px;

	/* --- Rayons (handoff : 4 cartes et visuels / 5-6 cadres / 20 mobile / 999 boutons) --- */
	--odg-rayon-4: 4px;
	--odg-rayon-5: 5px;
	--odg-rayon-6: 6px;
	--odg-rayon-20: 20px;
	--odg-rayon-999: 999px;

	/* --- Ombres : uniquement au survol --- */
	--odg-ombre-survol: 0 10px 22px rgba(47, 93, 58, 0.28);
	--odg-ombre-survol-ajout: 0 12px 26px rgba(47, 93, 58, 0.3);

	/* --- Mouvement (lot 6) ---
	 * Le handoff chiffre les durees et la courbe dans « Interactions & motion
	 * design » mais ne les liste pas dans sa section « Tokens ». Elles sont
	 * posees ici pour que motion.css n'ecrive aucune valeur en dur ; les feuilles
	 * des lots 1 a 5 gardent leurs valeurs litterales, identiques, pour ne pas
	 * toucher a du code deja recette.
	 */
	--odg-courbe: cubic-bezier(0.2, 0.8, 0.2, 1);
	--odg-duree-revelation: 700ms;  /* revelation au defilement */
	--odg-duree-wipe: 900ms;        /* visuels du hero */
	--odg-duree-barre: 260ms;       /* entree de la barre d'achat, non chiffree par le handoff */

	/* --- Gabarit --- */
	--odg-largeur-contenu: 1280px;
}