:root{
    --bg-color:#e9ecef;
    --box-color:#fff;
	
    --top-bg-color:#2f4271;
    --nav-bg-color:#fff;
    --footer-bg-color:#2f4271;
    --button-color:#2f4271;
    --border-color:#f1f1f1;
	
	--default-dark-color:#000;
	--primary-dark-color:#2f4271;
	--primary-light-color:#fff;
	
	--secondary-dark-color:#e11f1d;
	--secondary-light-color:#f1f1f1;
		
    --dark-font-color:#000;
    --light-font-color:#fff;
}
[data-theme="dark"]{
    --bg-color:#202124;
    --box-color:#2f3235;
	
    --top-bg-color:#202124;
    --nav-bg-color:#2f3235;
    --footer-bg-color:#2f3235;
    --button-color:#3c4043;
    --border-color:#3c4043;
	
	--default-dark-color:#202124;
	--primary-dark-color:#313235;
	--primary-light-color:#2f3235;
	
	--secondary-dark-color:#3c4043;
	--secondary-light-color:#3c4043;
	
    --dark-font-color:#bfbfbf;
    --light-font-color:#fff;	
}