/**
 * SIIRA Santé — Jetons de la charte graphique.
 *
 * SOURCE DE VÉRITÉ UNIQUE. Toutes les couleurs, polices, espacements, rayons
 * et ombres du site sont définis ici et nulle part ailleurs.
 * Les mêmes valeurs sont écrites dans les Global Colors / Global Fonts
 * d'Elementor par includes/elementor-globals.php : changer une valeur ici
 * suppose de relancer « Charte Elementor » depuis SIIRA Santé → Installation.
 *
 * @package SIIRA_Sante
 */

:root {
	/* --- Couleurs de marque ------------------------------------------- */
	--siira-navy: #16294a;          /* Primaire : titres, prix, footer, badges */
	--siira-navy-700: #22375e;      /* Survol du primaire                      */
	--siira-navy-900: #0f1c36;      /* Aplats profonds                         */
	--siira-green: #3d5a33;         /* CTA principal : Ajouter au panier…      */
	--siira-green-600: #4a6b3e;     /* Survol du CTA                           */
	--siira-leaf: #5f9350;          /* Feuille du logo, coches, accents nature */
	--siira-gold: #c9a24a;          /* Filets dorés, icône de la carte navy    */
	--siira-gold-100: #f3e9d2;
	--siira-amber: #f0a63c;         /* Étoiles des avis                        */

	/* --- Neutres -------------------------------------------------------- */
	--siira-white: #ffffff;
	--siira-cream: #f7f4ef;         /* Bandeaux, hero, cartes de section       */
	--siira-cream-200: #faf7f2;     /* Variante plus claire                    */
	--siira-text: #5a6472;          /* Texte courant                           */
	--siira-text-light: #8792a3;    /* Mentions secondaires, compteurs         */
	--siira-heading: #16294a;
	--siira-border: #e7e5e1;
	--siira-border-light: #f0eeea;

	/* --- Pastilles d'objectif (fonds des tuiles de la maquette) --------- */
	--siira-tile-sommeil: #edeff3;
	--siira-tile-energie: #fdf0e2;
	--siira-tile-digestion: #edf1ec;
	--siira-tile-immunite: #fdf0e2;
	--siira-tile-stress: #f1f1f1;

	/* --- États ---------------------------------------------------------- */
	--siira-success: #2f7d4f;       /* « Offerte », « En stock »               */
	--siira-sale: #b4462f;          /* Économies, prix soldé                   */
	--siira-new: #3d5a33;           /* Badge « Nouveau »                       */
	--siira-error: #b4462f;

	/* --- Typographie ---------------------------------------------------- */
	--siira-font-display: 'Lora', Georgia, 'Times New Roman', serif;
	--siira-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

	--siira-fw-regular: 400;
	--siira-fw-medium: 500;
	--siira-fw-semibold: 600;
	--siira-fw-bold: 700;

	--siira-fs-h1: clamp(2rem, 1.3rem + 2.2vw, 2.875rem);
	--siira-fs-h2: clamp(1.5rem, 1.1rem + 1.3vw, 2rem);
	--siira-fs-h3: clamp(1.125rem, 0.95rem + 0.6vw, 1.375rem);
	--siira-fs-body: 1rem;
	--siira-fs-small: 0.875rem;
	--siira-fs-xsmall: 0.8125rem;
	--siira-fs-tiny: 0.75rem;

	--siira-lh-tight: 1.15;
	--siira-lh-heading: 1.25;
	--siira-lh-body: 1.6;

	/* --- Mise en page --------------------------------------------------- */
	--siira-container: 1200px;
	--siira-gutter: 24px;
	--siira-section-y: 72px;
	--siira-section-y-tablet: 48px;
	--siira-section-y-mobile: 36px;

	/* --- Formes --------------------------------------------------------- */
	--siira-radius-card: 10px;
	--siira-radius-lg: 16px;        /* Grandes cartes de section              */
	--siira-radius-btn: 6px;
	--siira-radius-input: 8px;
	--siira-radius-pill: 999px;

	/* --- Ombres --------------------------------------------------------- */
	--siira-shadow-soft: 0 1px 3px rgba(22, 41, 74, 0.05);
	--siira-shadow-card: 0 4px 16px rgba(22, 41, 74, 0.08);
	--siira-shadow-raised: 0 10px 30px rgba(22, 41, 74, 0.12);

	/* --- Transitions ---------------------------------------------------- */
	--siira-transition: 180ms ease;
}

@media (max-width: 1024px) {
	:root {
		--siira-section-y: var(--siira-section-y-tablet);
	}
}

@media (max-width: 767px) {
	:root {
		--siira-section-y: var(--siira-section-y-mobile);
		--siira-gutter: 16px;
	}
}