/* ============================================================
   Everaro — design tokens ("Botanical heritage")
   Source de vérité : docs/design-system.md
   Toutes les valeurs de couleur/espacement/rayon viennent d'ici.
   ============================================================ */
:root {
	/* Couleurs — rôles */
	--everaro-ink:            #2A2118; /* texte principal (encre espresso) */
	--everaro-heading:        #23392C; /* titres (pin très sombre) */
	--everaro-primary:        #2E4B3B; /* pin profond — marque, boutons, liens */
	--everaro-primary-hover:  #243B2E;
	--everaro-accent:         #C4862B; /* miel — rubans, stitch, badges (décor, pas de texte sur blanc) */
	--everaro-accent-soft:    #F3E7CB; /* lavis miel — bande "Idea of the Month" */
	--everaro-muted:          #6E655C; /* méta, dates */
	--everaro-surface:        #FFFFFF; /* fond de page */
	--everaro-band-linen:     #F6F1E7; /* bande claire */
	--everaro-band-pine:      #2E4B3B; /* bande sombre végétale */
	--everaro-band-pine-deep: #1E3428; /* pin très sombre — footer, bande communauté */
	--everaro-band-walnut:    #3B2F26; /* bois — réservé aux textes sur miel */
	--everaro-border:         #E7E0D6;
	--everaro-success:        #3E7A4E;
	--everaro-warning:        #B3541E;
	--everaro-shadow:         rgba(59, 47, 38, 0.14); /* ombre teintée walnut, jamais noire */

	/* Typo */
	--everaro-font-heading:   'Fraunces', Georgia, serif;
	--everaro-font-body:      'Figtree', -apple-system, 'Segoe UI', sans-serif;

	/* Espacement (échelle) */
	--everaro-space-1: 4px;
	--everaro-space-2: 8px;
	--everaro-space-3: 12px;
	--everaro-space-4: 16px;
	--everaro-space-6: 24px;
	--everaro-space-8: 32px;
	--everaro-space-12: 48px;
	--everaro-space-16: 64px;
	--everaro-space-20: 80px;

	/* Rayons — esprit "étiquette imprimée" */
	--everaro-radius-small:  6px;  /* boutons, badges */
	--everaro-radius-medium: 8px;  /* images */
	--everaro-radius-large:  12px; /* encarts */

	/* Containers */
	--everaro-container-wide:    1280px;
	--everaro-container-content: 720px;

	/* Grille de cartes */
	--everaro-card-gap: 30px;
}

/* ------------------------------------------------------------
   Mapping design system → variables globales Kadence.
   Kadence consomme --global-palette1..9 et les variables de police
   partout dans le thème : les redéfinir ici re-thème tout le site
   sans toucher à la base (réversible en supprimant ce bloc).
   Rôles Kadence : 1 accent · 2 accent alt · 3-4 textes forts ·
   5 texte moyen · 6 subtil/bordure · 7-8 fonds doux · 9 blanc.
   ------------------------------------------------------------ */
:root {
	--global-palette1: var(--everaro-primary);
	--global-palette2: var(--everaro-band-walnut);
	--global-palette3: var(--everaro-ink);
	--global-palette4: var(--everaro-ink);
	--global-palette5: var(--everaro-muted);
	--global-palette6: var(--everaro-border);
	--global-palette7: var(--everaro-band-linen);
	--global-palette8: var(--everaro-accent-soft);
	--global-palette9: var(--everaro-surface);

	--global-heading-font-family: var(--everaro-font-heading);
	--global-body-font-family: var(--everaro-font-body);
}

/* Typographie de base */
body {
	font-family: var(--everaro-font-body);
	font-size: 19px;
	line-height: 1.65;
	color: var(--everaro-ink);
}
h1, h2, h3, h4, h5, h6 {
	font-family: var(--everaro-font-heading);
	color: var(--everaro-heading);
	font-weight: 600;
	line-height: 1.4;
}
h1 { font-size: 36px; }
h2 { font-size: 28px; }
h3 { font-size: 22px; }
a { color: var(--everaro-primary); }
a:hover { color: var(--everaro-primary-hover); }

/* Boutons — étiquette imprimée (radius 6, pin plein) */
.wp-block-button__link,
button.kb-button, .kb-button, .button, .wp-element-button,
input[type="submit"] {
	background: var(--everaro-primary);
	color: #fff;
	border-radius: var(--everaro-radius-small);
	font-family: var(--everaro-font-body);
	font-weight: 600;
	padding: 12px 24px;
	transition: background .15s ease, transform .15s ease;
}
.wp-block-button__link:hover,
button.kb-button:hover, .kb-button:hover, .button:hover, .wp-element-button:hover,
input[type="submit"]:hover {
	background: var(--everaro-band-walnut);
	color: #fff;
	transform: translateY(-1px);
}

@media (max-width: 767px) {
	body { font-size: 18px; line-height: 1.6; }
	h1 { font-size: 31px; }
	h2 { font-size: 25px; }
}