/* ##################### */
/* ###   VARIABLES   ### */
/* ##################### */

:root {

/* ===== PALETTE GLOBALE ===== */
	--color-bg-dark			: #05080f;
	--color-bg-main			: #0f1a2b;

	--color-text-main		: #cfd6e1;
	--color-text-strong		: #efefef;

	--color-accent			: #4cc9f0;

/* ===== BODY ===== */	
	--body-bkg					: linear-gradient(180deg, #05080f 0%, #0a1220 50%, #05080f 100%);
	--body-before-bkg			: radial-gradient(circle at 50% 0%, var(--body-bkg), transparent 60%);
	
/* ===== BREADCRUMB ===== */	
	--breadcrumb-bkg			: rgba(255,255,255,0.03);
	--breacrumb-border			: rgba(255,255,255,0.05);
	
/* ===== BARRE ===== */	
	--barre-shadow-bkg			: linear-gradient(90deg, #2f343a, #262b30);
	--barre-shadow-shadow		: rgba(255,255,255,0.05);
	
/* ===== NAVBAR ===== */	
	--navbar-bkg				: var(--color-bg-main);
	--navbar-scroll-bkg 		: rgba(5, 8, 15, 0.95);
	--navbar-scroll-shadow 		: rgba(0,0,0,0.5);
	--navbar-logo-border 		: rgba(255,255,255,0.15);
	--navbar-toggler-border 	: rgba(255,255,255,0.3);
	--navbar-toggler-hover-bkg	: rgba(255,255,255,0.1);
	--navbar-toggler-exp-bkg 	: rgba(76,201,240,0.2);
	--navbar-toggler-exp-color 	: var(--color-accent);
	--navbar-link-color 		: var(--color-text-main);
	--navbar-link-hover-color 	: var(--color-text-strong);
	--navbar-link-anim-bkg		: var(--color-accent);
	--navbar-search-bkg			: #e9e1d5;

/* ===== FOOTER ===== */
	--footer-bkg				: linear-gradient(180deg, #0f1a2b, #05080f);
	--footer-text-col			: var(--color-text-main);
	--footer-title-col			: var(--color-text-strong);
	--footer-link-col			: var(--color-accent);
	--footer-pied-border 		: rgba(255,255,255,0.05);

}