@charset "UTF-8";
/* ==========================================================================
   TMA Tokens — variables CSS du thème Bloxaphte.
   Chargé en premier dans la cascade CSS (frontend ET éditeur WordPress).
   Modifier ces valeurs propage le changement à tout le thème.
   ========================================================================== */
:root {
	/* === Couleurs === */
	--bx-color-accent: #d6007f; /* fuschia principal (106×) */
	--bx-color-accent-mid: #ad0067; /* fuschia hover/active (variations #b8006d/#b6006c/#ab0066) */
	--bx-color-accent-dark: #6b0040; /* fuschia foncé (8×) */
	--bx-color-green: #99c33c; /* vert secondaire (5×) */
	--bx-color-blue: #0d47a1; /* bleu primaire (40×) */
	--bx-color-blue-dark: #09306d; /* bleu foncé */
	--bx-color-purple: #763c8f; /* violet secondaire (5×) */
	--bx-color-white: #fefefe; /* quasi-blanc fond (61×) */
	--bx-color-white-pure: #ffffff; /* blanc pur (39×) */
	--bx-color-black: #0a0a0a; /* quasi-noir (47×) */
	--bx-color-text: #222222; /* texte principal */
	--bx-color-text-dark: #3b3b3b; /* texte sombre (4×) */
	--bx-color-text-muted: #767676; /* texte secondaire (15×) */
	--bx-color-text-muted-alt: #757575; /* variante quasi-identique (13×) */
	--bx-color-text-muted-alt2: #8a8a8a; /* variante +gris (13×) */
	--bx-color-border: #cacaca; /* bordures (26×) */
	--bx-color-border-inset: #e0e0e0; /* bordure inset shadow */
	--bx-color-border-inset-light: #e8e8e8; /* bordure inset claire */
	--bx-color-bg-light: #e6e6e6; /* fond clair (21×) */
	--bx-color-bg-light-alt: #e5e5e5; /* variante (10×) */
	--bx-color-bg-off: #f5f5f5; /* gris très clair (4×) */
	--bx-color-bg-off-alt: #f1f1f1; /* variante (4×) */
	--bx-color-success: #3adb76; /* vert succès Foundation (15×) */
	--bx-color-success-dark: #157539;
	--bx-color-error: #cc4b37; /* rouge erreur Foundation (21×) */
	--bx-color-error-dark: #67251a;
	--bx-color-warning: #ffae00; /* jaune avertissement (15×) */
	--bx-color-warning-dark: #805700;

	/* États interactifs (hover) — anciennement en dur */
	--bx-color-accent-hover: #cb0079; /* fuschia hover onglets */
	--bx-color-secondary-hover: #5e5e5e; /* gris hover bouton secondaire (2×) */
	--bx-color-success-hover: #22bb5b; /* vert hover bouton succès (2×) */
	--bx-color-warning-hover: #cc8b00; /* jaune hover bouton avertissement (2×) */
	--bx-color-error-hover: #a53b2a; /* rouge hover bouton erreur (2×) */

	/* Remplissages box-shadow boutons — anciennement en dur */
	--bx-color-blue-shadow: #0a367b; /* bleu foncé fill bouton .alt (2×) */
	--bx-color-purple-shadow: #5e3072; /* violet foncé fill bouton .purple (2×) */

	/* Fonds clairs (callouts / états) — anciennement en dur */
	--bx-color-accent-light: #ffd3ed; /* fond callout primaire */
	--bx-color-success-light: #e1faea; /* fond callout succès */
	--bx-color-warning-light: #fff3d9; /* fond callout avertissement */
	--bx-color-error-light: #f9ecea; /* fond erreur clair (input invalide + callout alert) */
	--bx-color-purple-light: #ede7f6; /* fond violet clair (wrapper bloxgel) */

	/* Gris texte complémentaire — anciennement en dur */
	--bx-color-text-muted-dark: #616161; /* gris texte foncé */

	--bx-overlay-12: rgba(0, 0, 0, 0.12);
	--bx-overlay-25: rgba(10, 10, 10, 0.25);
	--bx-overlay-25-pure: rgba(0, 0, 0, 0.25);
	--bx-overlay-50: rgba(0, 0, 0, 0.5);
	--bx-overlay-70: rgba(10, 10, 10, 0.7);
	--bx-overlay-white-25: rgba(255, 255, 255, 0.25); /* voile blanc 25% (3×, app + tma) */

	--bx-color-gradient-green: linear-gradient(to top, #fff 0%, #99c33c 100%);
	--bx-color-gradient-purple: linear-gradient(to top, #9366a9 0%, #fff 50%, #9366a9 100%);

	/* === Typographie === */
	--bx-font-body: 'Montserrat', -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
	--bx-font-serif: 'Merriweather', serif;
	--bx-font-display: 'Amatic SC', cursive;
	--bx-font-icon: 'bloxaphte';

	--bx-fs-xs: 0.75rem; /* 12px (12×) */
	--bx-fs-sm: 0.875rem; /* 14px (19×) */
	--bx-fs-sm-alt: 0.9375rem; /* 15px (11×) */
	--bx-fs-base: 1rem; /* 16px (20×) */
	--bx-fs-base-alt: 1.0625rem; /* 17px (5×) */
	--bx-fs-md: 1.125rem; /* 18px (10×) */
	--bx-fs-lg: 1.25rem; /* 20px (13×) */
	--bx-fs-lg-alt: 1.375rem; /* 22px (4×) */
	--bx-fs-xl: 1.5rem; /* 24px (5×) */
	--bx-fs-xl-alt: 1.5625rem; /* 25px (5×) */
	--bx-fs-2xl: 1.875rem; /* 30px (3×) */
	--bx-fs-2xl-alt: 2.1875rem; /* 35px (3×) */
	--bx-fs-3xl: 2.5rem; /* 40px (12×) */

	--bx-fw-light: 300;
	--bx-fw-regular: 400;
	--bx-fw-medium: 500;
	--bx-fw-semibold: 600;
	--bx-fw-bold: 700;

	--bx-lh-tight: 1;
	--bx-lh-heading: 1.2;
	--bx-lh-snug: 1.4;
	--bx-lh-base: 1.5;
	--bx-lh-relaxed: 1.6;
	--bx-lh-rem: 1.5rem;

	/* === Espacements === */
	--bx-space-1: 0.25rem; /*  4px (9×) */
	--bx-space-2: 0.5rem; /*  8px (35×) */
	--bx-space-3: 0.625rem; /* 10px (79×) */
	--bx-space-3-alt: 0.75rem; /* 12px (13×) */
	--bx-space-4: 0.9375rem; /* 15px (124×) — valeur la plus utilisée */
	--bx-space-5: 1rem; /* 16px (70×) */
	--bx-space-6: 1.25rem; /* 20px (23×) */
	--bx-space-7: 1.3125rem; /* 21px (8×) */
	--bx-space-8: 1.875rem; /* 30px (19×) */
	--bx-space-9: 2.0625rem; /* 33px (8×) */
	--bx-space-10: clamp(2rem, 1.7857rem + 0.9524vw, 2.5rem); /* fluide 32→40px (13×) */
	--bx-space-11: clamp(2.25rem, 1.9286rem + 1.4286vw, 3rem); /* fluide 36→48px (6×) */
	--bx-space-12: clamp(2.5rem, 1.9643rem + 2.381vw, 3.75rem); /* fluide 40→60px (7×) */
	--bx-space-13: clamp(3rem, 2.4107rem + 2.619vw, 4.375rem); /* fluide 48→70px (7×) */

	/* === Border-radius === */
	--bx-radius-sm: 0.125rem;
	--bx-radius: 0.9375rem; /* déjà en place dans tma-overrides */
	--bx-radius-xl: 1.25rem;
	--bx-radius-pill: 1.1875rem;
	--bx-radius-full: 50%;

	/* === Shadows === */
	--bx-shadow-card: 0 0.4375rem 1.3125rem 0 rgba(0, 0, 0, 0.12);
	--bx-shadow-sm: 0 0.1875rem 0.4375rem 0 rgba(0, 0, 0, 0.2);
	--bx-shadow-inset: inset 0 0 0 0.0625rem #e0e0e0;
	--bx-shadow-inset-light: inset 0 0 0 0.0625rem #e8e8e8;

	/* === Transitions === */
	--bx-duration-fast: 0.25s;
	--bx-duration-base: 0.5s;
	--bx-transition-fast: all 0.2s ease-in-out;
	--bx-transition-base: all 0.25s ease-out;

	/* === Z-index === */
	--bx-z-base: 1;
	--bx-z-overlay: 10;
	--bx-z-modal: 50;
	--bx-z-sticky: 1200;

	/* === Breakpoints (référence documentation — inutilisables en @media) === */
	--bx-bp-md: 40em; /* 640px */
	--bx-bp-lg: 64em; /* 1024px */
	--bx-bp-xl: 75em; /* 1200px */
}