/* ==========================================================================
   Tokens « Forêt sombre » — source : design_handoff_refonte_bigfoot/README.md
   ========================================================================== */
:root {
	/* Fonds sombres */
	--bf-bg: #16231a;
	--bf-header: #141f17;
	--bf-band: #0e1710;
	--bf-panel: #101a13;
	--bf-card: #1c2c20;
	--bf-row-hover: #1a2a1e;
	--bf-nav-hover: #22362a;

	/* Bordures sombres */
	--bf-line: #26382a;
	--bf-line-card: #2b3b2e;
	--bf-line-input: #334635;

	/* Surfaces « papier » crème */
	--bf-paper: #f0ead9;
	--bf-paper-deep: #e6dec9;
	--bf-paper-light: #fbf7ec;
	--bf-paper-line: #d5cbb0;

	/* Textes sur fond sombre */
	--bf-text: #ede8db;
	--bf-title: #f4efe2;
	--bf-body: #cdd5c2;
	--bf-body-soft: #b9c4ae;
	--bf-muted: #7e8f74;
	--bf-muted-deep: #5f6f5c;
	--bf-sage-light: #a3b596;

	/* Encres sur crème */
	--bf-ink: #1d271f;
	--bf-ink-body: #3c4638;
	--bf-ink-soft: #4c5747;
	--bf-ink-muted: #5b6653;
	--bf-ink-faded: #8a8368;

	/* Accent orange */
	--bf-orange: #d97b29;
	--bf-orange-hover: #e08a3c;
	--bf-orange-bright: #f0a35a;
	--bf-orange-deep: #c26a1d;
	--bf-orange-link: #b3641e;
	--bf-on-orange: #1c1106;

	/* Badges secondaires */
	--bf-sage: #39543d;
	--bf-sage-text: #8fa77e;
	--bf-gold: #8a6a3a;
	--bf-gold-deep: #7a3d24;

	/* Étoiles */
	--bf-star: #e6b04c;
	--bf-star-paper: #c9922e;
	--bf-star-off: #3f5443;
	--bf-star-off-paper: #cfc4a6;

	/* États */
	--bf-alert: #d96b4a;
	--bf-alert-deep: #a34b2a;
	--bf-red: #c14b3a;
	--bf-green: #3d7a44;
	--bf-green-deep: #2e6b36;
	--bf-green-bright: #5eae67; /* remises sur fond sombre (lisibilité) */
	--bf-gold-bright: #b98e4e;  /* badges contour sur fond sombre */

	/* Typo */
	--bf-font-display: 'Bricolage Grotesque', sans-serif;
	--bf-font-ui: 'Public Sans', sans-serif;
	--bf-font-hand: 'Caveat', cursive;

	/* Layout */
	--bf-gutter: clamp(20px, 5vw, 64px);
	--bf-maxw: 1440px;
	--bf-maxw-mid: 1312px;
	--bf-maxw-read: 820px;

	/* Rayons */
	--bf-r-btn: 10px;
	--bf-r-card: 14px;
	--bf-r-pill: 999px;

	/* Ombres */
	--bf-shadow-card: 0 24px 60px rgba(0, 0, 0, .5);
	--bf-shadow-menu: 0 30px 60px rgba(0, 0, 0, .55);
	--bf-shadow-cta: 0 6px 18px rgba(217, 123, 41, .35);

	/* Plans */
	--bf-z-header: 60;
	--bf-z-drop: 70;
	--bf-z-sticky: 80;
	--bf-z-progress: 100;

	/* Offset d'ancrage sous le header sticky */
	--bf-anchor-offset: 96px;
}