/*
 * Vitalaise – jetons de marque (SOURCE UNIQUE).
 * Lu par pages.css, parcours.css et bilan.css. Référence : docs/DIRECTION-ARTISTIQUE.md.
 * Aucune requête externe : police auto-hébergée (OFL). Une seule famille (Source Sans 3) pour les titres et le texte :
 * c'est elle qui donne le ton net et commerçant ; Fraunces reste déclarée pour compatibilité mais n'est plus utilisée.
 */
@font-face {
	font-family: "Source Sans 3";
	src: url("../fonts/source-sans-3-latin.woff2") format("woff2");
	font-weight: 200 900;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
	/* Couleurs */
	--vt-ink: #14211C;          /* texte principal (16:1 sur blanc) */
	--vt-ink-2: #4D5853;        /* texte secondaire (7,3:1) */
	--vt-ink-3: #66706B;        /* méta, légendes (5:1) */
	--vt-bg: #F6F4EF;           /* fond de page, blanc cassé chaud */
	--vt-paper: #FFFFFF;        /* surfaces, cartes */
	--vt-mist: #EDEAE3;         /* panneaux, aplats de repli */
	--vt-line: #E3DFD6;
	--vt-line-strong: #C9C3B6;
	--vt-brand: #0E3B30;        /* vert forêt : marque, sections sombres */
	--vt-brand-2: #17533F;
	--vt-brand-tint: #E3EDE8;
	--vt-cta: #C2410C;          /* orange brûlé : UN seul usage, l'action d'achat (5,2:1 avec le blanc) */
	--vt-cta-dark: #9A3412;
	--vt-sale: #B42318;
	--vt-ok: #1B7A4A;
	--vt-star: #E09F00;
	--vt-alerte: #B3261E;

	/* Alias des anciens noms (compatibilité : réglages Elementor, CSS de thème existants) */
	--vt-vert-profond: var(--vt-brand);
	--vt-vert-feuille: var(--vt-ok);
	--vt-vert-texte: var(--vt-brand-2);
	--vt-sable: var(--vt-bg);
	--vt-sable-fonce: var(--vt-mist);
	--vt-creme: var(--vt-paper);
	--vt-terre-cuite: var(--vt-cta);
	--vt-terre-cuite-fonce: var(--vt-cta-dark);
	--vt-ocre: #E0A33A;
	--vt-ocre-fonce: #8A5A0B;
	--vt-ocre-gauge: #B7791F;
	--vt-encre: var(--vt-ink);
	--vt-encre-douce: var(--vt-ink-2);
	--vt-ligne: var(--vt-line-strong);

	/* Typographie */
	--vt-font: "Source Sans 3", "Segoe UI", Roboto, "Helvetica Neue", Arial, system-ui, sans-serif;
	--vt-font-titre: var(--vt-font);
	--vt-font-texte: var(--vt-font);
	--vt-fs-xs: .8125rem;
	--vt-fs-sm: .9375rem;
	--vt-fs-md: 1.0625rem;      /* 17 px : corps mobile */
	--vt-fs-lg: 1.25rem;
	--vt-fs-h3: 1.25rem;
	--vt-fs-h2: clamp(1.625rem, 1.25rem + 1.6vw, 2.375rem);
	--vt-fs-h1: clamp(2.125rem, 1.45rem + 3.2vw, 3.75rem);
	--vt-lh-titre: 1.08;
	--vt-lh-texte: 1.55;

	/* Espacements (base 4) */
	--vt-s-1: 4px;
	--vt-s-2: 8px;
	--vt-s-3: 12px;
	--vt-s-4: 16px;
	--vt-s-5: 24px;
	--vt-s-6: 32px;
	--vt-s-7: 48px;
	--vt-s-8: 72px;
	--vt-gutter: 16px;

	/* Formes, ombres, mouvement */
	--vt-r: 8px;
	--vt-r-card: 12px;
	--vt-r-lg: 16px;
	--vt-shadow-btn: none;
	--vt-shadow-card: 0 1px 2px rgba(20, 33, 28, .06), 0 8px 24px rgba(20, 33, 28, .06);
	--vt-shadow-float: 0 -8px 24px rgba(20, 33, 28, .12);
	--vt-ease: cubic-bezier(.2, .7, .2, 1);
	--vt-tap: 48px;
	--vt-wrap: 1200px;
}
@media (min-width: 768px) {
	:root { --vt-gutter: 32px; --vt-fs-md: 1.125rem; }
}