:root {
	/* Palette de marque BSS Energie */
	--color-white: #FFFFFF;
	--color-orange: #C77B2E;
	--color-orange-dark: #A8631F;
	--color-orange-light: #F3D9B8;
	--color-charcoal: #24272B;
	--color-charcoal-soft: #3A3F45;
	--color-grey-100: #F5F5F4;
	--color-grey-200: #E7E6E4;
	--color-grey-400: #A9A8A4;
	--color-grey-600: #6B6A66;
	--color-success: #2E7D45;
	--color-danger: #B3261E;

	--color-bg: var(--color-white);
	--color-text: var(--color-charcoal);
	--color-text-muted: var(--color-grey-600);
	--color-border: var(--color-grey-200);
	--color-accent: var(--color-orange);
	--color-accent-contrast: var(--color-white);

	--font-heading: 'Manrope', 'Segoe UI', system-ui, sans-serif;
	--font-body: 'Inter', 'Segoe UI', system-ui, sans-serif;

	--container-width: 1280px;
	--container-padding: 1.25rem;

	--radius-sm: 6px;
	--radius-md: 10px;
	--radius-lg: 16px;
	--radius-pill: 999px;

	--shadow-sm: 0 1px 2px rgba(36, 39, 43, 0.05), 0 1px 1px rgba(36, 39, 43, 0.04);
	--shadow-md: 0 4px 10px rgba(36, 39, 43, 0.05), 0 12px 28px rgba(36, 39, 43, 0.09);
	--shadow-lg: 0 10px 20px rgba(36, 39, 43, 0.08), 0 24px 48px rgba(36, 39, 43, 0.14);
	--shadow-orange: 0 10px 24px rgba(199, 123, 46, 0.28);

	--transition-fast: 150ms ease-out;
	--transition-base: 220ms ease-out;
	--transition-slow: 420ms cubic-bezier(0.16, 1, 0.3, 1);

	--header-height: 96px;
}