/* ==========================================================================
   Estheca : variables de design (direction A « Orchidée », choisie le 13/11/2026)
   Règles : docs/design.md. Toute couleur, taille ou police du nouveau design
   passe par ces variables (préfixe --e-). Aucun effet sur l'ancien design.
   ========================================================================== */

/* Police : Plus Jakarta Sans (licence SIL OFL), hébergée ici, variable 200 à 800 */
@font-face{
	font-family:'Plus Jakarta Sans';
	font-style:normal;
	font-weight:200 800;
	font-display:swap;
	src:url(polices/plus-jakarta-sans-latin.woff2) format('woff2');
	unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
	font-family:'Plus Jakarta Sans';
	font-style:normal;
	font-weight:200 800;
	font-display:swap;
	src:url(polices/plus-jakarta-sans-latin-ext.woff2) format('woff2');
	unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

:root{
	/* Couleurs de marque */
	--e-primary:#8e4fd0;          /* violet principal (boutons, liens, accents) */
	--e-primary-hover:#7a3dba;    /* survol, appui */
	--e-primary-ring:rgba(142,79,208,.18);  /* halo de focus */
	--e-primary-shadow:rgba(142,79,208,.30); /* ombre des boutons principaux */
	--e-on-primary:#fff;          /* texte sur violet */
	--e-soft:#f3ecfb;             /* fond violet très clair (badges, survols) */
	--e-header:#382f59;           /* violet très sombre du header actuel */
	--e-on-header:#fff;
	--e-accent:#f5b82e;           /* étoiles, notes */
	--e-pink:#ec90fe;             /* rose du logo (touches ponctuelles) */
	--e-gradient-soft:linear-gradient(135deg,#d7c1ef 0%,#fceac0 100%); /* dégradé doux violet → doré (fonds, emplacement de photo) */

	/* Neutres */
	--e-ink:#2a2140;              /* texte principal */
	--e-muted:#6e6585;            /* texte secondaire */
	--e-bg:#f8f6fb;               /* fond de page */
	--e-surface:#fff;             /* cartes, champs de saisie */
	--e-surface-form:#f4effa;     /* fond des fenêtres et zones qui contiennent des champs : les champs blancs ressortent */
	--e-border:#e7e0ef;
	--e-overlay:rgba(22,18,31,.55); /* fond derrière une fenêtre */

	/* États */
	--e-success:#1f9d6b;  --e-success-soft:#e6f6ef;
	--e-warning:#b7791f;  --e-warning-soft:#fdf3e1;
	--e-danger:#d03f5a;   --e-danger-soft:#fbe9ed;

	/* Typographie */
	--e-font:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
	--e-fs-xs:12px;
	--e-fs-sm:13px;
	--e-fs:15px;
	--e-fs-md:17px;
	--e-fs-lg:20px;
	--e-fs-xl:26px;
	--e-lh:1.5;
	--e-fw:500;
	--e-fw-bold:700;

	/* Espacements (multiples de 4) */
	--e-sp-1:4px; --e-sp-2:8px; --e-sp-3:12px; --e-sp-4:16px; --e-sp-5:20px; --e-sp-6:24px; --e-sp-8:32px;

	/* Formes */
	--e-radius:12px;
	--e-radius-lg:18px;
	--e-radius-pill:999px;
	--e-shadow:0 6px 24px rgba(56,47,89,.10);
	--e-shadow-lg:0 30px 80px rgba(0,0,0,.25);

	/* Divers */
	--e-tap:48px;                 /* hauteur minimale d'une zone à toucher */
	--e-speed:.15s;
	--e-z-modal:2000;             /* au-dessus du header du site (z-index 100 à 201) */
}