/*
 * cs-explorer — jetons de design.
 *
 * Table de correspondance maquette → charte du site (validée le 21/08/2026).
 * Aucune couleur en dur ailleurs que dans ce fichier : les composants
 * n'utilisent que des var(--csx-*).
 *
 * Source de la charte : réglages Divi du site (option `et_divi` :
 * accent_color / link_color = #76C702, heading_font / body_font = Arial) et
 * relevé des styles calculés sur https://cuisine-saine.fr/ (fond #FFFFFF,
 * texte #666666, titres #333333).
 *
 * | Rôle                    | Maquette            | Site (retenu)        | Contraste sur fond |
 * |-------------------------|---------------------|----------------------|--------------------|
 * | Fond de page            | #FBFAF6             | #FFFFFF              | —                  |
 * | Texte principal         | #2B2A26             | #333333              | 12,63:1            |
 * | Texte secondaire        | #857F72 / #8A8578   | #666666              |  5,74:1            |
 * | Accent (liens, boutons) | #6B7F4B             | #4A7A00              |  5,15:1  AA ✔      |
 * | Accent de marque        | —                   | #76C702              | décoratif seulement|
 * | Accent secondaire       | #C46A3F             | #A8522C              |  5,37:1  AA ✔      |
 * | Fond encadrés doux      | #EEF1E6             | #F4F8EC              | —                  |
 * | Fond bloc équipement    | #F3F2ED             | #F3F2ED              | —                  |
 * | Bordures / filets       | #E4E2D8 / #DFDDD1   | #E3E6DC              | —                  |
 *
 * Le vert de marque #76C702 ne tient pas le seuil AA en texte (2,11:1 sur
 * blanc) : il est réservé aux aplats décoratifs, aux survols et aux filets,
 * jamais au texte porteur d'information.
 */

.csx {
	/* Fonds */
	--csx-bg: #FFFFFF;
	--csx-panel: #F4F8EC;
	--csx-panel-alt: #F3F2ED;
	--csx-card: #FFFFFF;

	/* Textes */
	--csx-text: #333333;
	--csx-muted: #666666;
	--csx-on-accent: #FFFFFF;

	/* Accents */
	--csx-accent: #4A7A00;
	--csx-accent-hover: #3F6B12;
	--csx-brand: #76C702;
	--csx-accent-2: #A8522C;

	/* Filets */
	--csx-border: #E3E6DC;
	--csx-border-strong: #C9D2B8;
	--csx-rule: #EDEDE8;

	/* Typographie — polices du thème Divi, aucun chargement externe */
	--csx-font-head: Arial, Helvetica, sans-serif;
	--csx-font-body: Arial, Helvetica, sans-serif;
	--csx-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

	/* Rythme */
	--csx-radius: 4px;
	--csx-radius-pill: 999px;
	--csx-gap: 20px;
	--csx-block-gap: 48px;
	--csx-tap: 44px;
	--csx-maxw: 1120px;
	--csx-measure: 62ch;
}