/* ===========================================
   ACCESS CAPITAL PARTNERS - Design Tokens
   Fichier CSS centralise pour les variables
   =========================================== */

:root {
	/* === COULEURS MARQUE === */
	--color-primary: #8b6196;
	--color-primary-deep: #6d4a7a;
	--color-primary-light: #a67fb3;

	--color-secondary: #d15936;
	--color-secondary-warm: #e86b4a;

	/* === NEUTRES === */
	--soft-black: #1a1a2e;
	--warm-gray: #ebe8e5;
	--color-gray: #666666;
	--color-litegray: #f5f5f5;

	/* === TEXTE === */
	--text-dark: #333;
	--text-body: #444;
	--text-muted: #555;
	--text-light: #666;

	/* === FONDS === */
	--bg-white: #ffffff;
	--bg-light: #ffffff; /* Fusionné avec white */
	--bg-section: var(--warm-gray);

	/* === BORDURES === */
	--border-light: #e0e0e0;
	--border-lighter: #eee;

	/* === LAYOUT === */
	--header-height: 130px;
	--header-height-scrolled: 80px;
	--mobile-nav-height: 110px;
	--container-max-width: 1400px;
	--mobile-margin: 7.5%;

	/* === SPACING === */
	--spacing-section: 120px;
	--spacing-section-mobile: 100px;

	/* === KEY FIGURES === */
	--keyfigures-circle-size: 320px;
	--keyfigures-circle-size-tablet: 220px;
	--keyfigures-circle-size-mobile: 140px;

	/* === FONT === */
	--font-family: "Inter", sans-serif;
}