/**
 * Theme Name: Astra Child
 * Theme URI: https://eridanis.com
 * Description: Thème enfant Astra pour Eridanis. Porte les tokens de design et les widgets Elementor propres au site.
 * Author: Eridanis
 * Author URI: https://eridanis.com
 * Template: astra
 * Version: 1.1.0
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain: astra-child
 */

/**
 * Tokens de design.
 *
 * Source unique de vérité pour les valeurs employées par les templates
 * Expertise, Solution et Article. Les Global Classes d'Elementor doivent
 * référencer ces variables via var(--eri-*), jamais recopier une valeur.
 *
 * Les couleurs sans mention « ajouté » sont celles déjà utilisées par le site ;
 * elles ne sont pas modifiées ici. Les autres comblent les manques : le kit
 * Elementor n'a ni échelle de gris, ni taille d'affichage au-dessus de 33px.
 */
:root {
	/* Couleurs du site, inchangées */
	--eri-blue: #3F8EFC;
	--eri-blue-light: #BDDBFD;
	--eri-teal: #0AC2B3;
	--eri-teal-flash: #29F2DA;
	--eri-mustard: #F7D002;
	--eri-navy: #0E1E43;

	/* Ajouté : dérivé de --eri-navy, et non de la palette Figma */
	--eri-navy-deep: #0A1530;
	--eri-surface-0: #FFFFFF;
	--eri-surface-1: #F8F8F8;
	--eri-surface-2: #F4F6F9;
	/* Fond « Section claire » de la maquette (token Figma 2 Usage/Fond/Section claire). */
	--eri-section-light: #F5F7FA;
	--eri-badge-text: #363F4D;
	--eri-text-soft: #6B7788;
	--eri-border-strong: #D7DEE8;

	/* ---- Palette Figma « Solution V2 » (échelle Azure + encres) ----
	   Ajoutée pour la page Solution ; ne remplace pas --eri-blue / --eri-navy,
	   utilisés par Expertise. */
	--eri-azure-900: #103B6B;
	--eri-azure-700: #0A55AC;
	--eri-azure-500: #007AFF;
	--eri-azure-300: #86C3FF;
	--eri-azure-200: #A3D5FF;
	--eri-azure-100: #D9ECFF;
	--eri-azure-50:  #EEF6FF;
	--eri-accent:       var(--eri-azure-500);
	--eri-accent-hover: #0063D1;
	--eri-ink:         #141922;
	--eri-border-soft: #E4E9F0;
	--eri-text-faint:  #94A0B3;
	--eri-teal-500:    #10C6A8;
	--eri-saffron-500: #F2C230;
	--eri-matisse-700: #245BA8;

	/* Badges : fond / texte / pastille */
	--eri-badge-info-bg: #EFF8FF;    --eri-badge-info-text: #0A55AC;    --eri-badge-info-dot: #007AFF;
	--eri-badge-success-bg: #ECFDF3; --eri-badge-success-text: #027A48; --eri-badge-success-dot: #12B76A;
	--eri-badge-warning-bg: #FFFAEB; --eri-badge-warning-text: #B54708; --eri-badge-warning-dot: #F79009;
	--eri-badge-danger-bg: #FEF3F2;  --eri-badge-danger-text: #B42318;  --eri-badge-danger-dot: #F04438;

	/* Formes et ombres de la V2 (rayon 10px partout, jamais 16px) */
	--eri-radius-10: 10px;
	--eri-shadow-l:     0 12px 16px -4px rgba(10,13,18,.08), 0 4px 6px -4px rgba(10,13,18,.03);
	--eri-shadow-card2: 0 2px 4px rgba(28,41,84,.04), 0 8px 24px rgba(28,41,84,.08);
	--eri-shadow-pill:  0 2px 8px rgba(13,38,89,.05);
	--eri-shadow-feat:  0 18px 44px 0 rgba(13,38,115,.13);
	--eri-shadow-case:  0 30px 70px rgba(5,20,64,.35);

	/* Dégradés nommés Figma */
	--eri-grad-spring-sky:  linear-gradient(90deg, #8DFFBD 0%, #4AA3FF 100%);
	--eri-grad-spring-lime: linear-gradient(130.82deg, #86C3FF 3.45%, #FFF693 98.01%);
	--eri-grad-pill:        linear-gradient(166.73deg, #A3D5FF 14.29%, #E1FFA3 85.71%);
	--eri-grad-hero:        linear-gradient(to top, rgba(255,255,255,.6) 10.035%, rgba(0,122,255,.7) 96.79%);

	/* Rythme de section V2 */
	--eri-band-pad: 80px;
	--eri-band-gap: 60px;
	--eri-border: #DCE3ED;
	--eri-text-body: #4A4646;
	--eri-text-muted: #6B7385;
	--eri-on-accent: #FFFFFF;

	/* Typographie : familles existantes, échelle étendue */
	--eri-font-display: 'Poppins', sans-serif;
	--eri-font-body: Arial, Helvetica, sans-serif;
	--eri-display-1: clamp(2.25rem, 4.2vw, 3.5rem);
	--eri-display-2: clamp(1.75rem, 3vw, 2.5rem);
	--eri-heading-3: 1.25rem;
	--eri-lead: 1.25rem;
	--eri-eyebrow: 0.8125rem;

	/* Ajouté : formes et espacements, absents du kit */
	--eri-radius-card: 16px;
	--eri-radius-pill: 999px;
	--eri-shadow-card: 0 1px 3px rgba(14, 30, 67, .06), 0 12px 24px -8px rgba(14, 30, 67, .08);
	--eri-space-section: clamp(48px, 6vw, 80px);
	--eri-container: 1244px;
	--eri-content-row: 1120px;
}

/* Couleurs de marque branchées sur les couleurs globales Elementor (kit) :
 * éditables centralement dans Réglages du site → Couleurs globales. Le repli
 * (hex) garantit le rendu si la globale manque (kit non mirroré, reset).
 * Défini sur `body` (et non `:root`) car les vars --e-global-color-* du kit
 * sont posées sur <body class="elementor-kit-…"> : seul body peut les résoudre. */
body {
	--eri-azure-500:   var(--e-global-color-eriazure500, #007AFF);
	--eri-azure-300:   var(--e-global-color-eriazure300, #86C3FF);
	--eri-teal-500:    var(--e-global-color-eriteal500, #10C6A8);
	--eri-saffron-500: var(--e-global-color-erisaffron500, #F2C230);
	--eri-navy:        var(--e-global-color-erinavy, #0E1E43);
	--eri-ink:         var(--e-global-color-eriink, #141922);
	--eri-azure-200:   var(--e-global-color-eriazure200, #A3D5FF);
	--eri-azure-100:   var(--e-global-color-eriazure100, #D9ECFF);
	--eri-blue:        var(--e-global-color-eriblue, #3F8EFC);
	--eri-teal:        var(--e-global-color-eriteal, #0AC2B3);
	--eri-mustard:     var(--e-global-color-erimustard, #F7D002);
	--eri-badge-danger-dot:  var(--e-global-color-eridanger, #F04438);
	--eri-badge-warning-dot: var(--e-global-color-eriwarning, #F79009);
	--eri-badge-success-dot: var(--e-global-color-erisuccess, #12B76A);
}