@import url('https://fonts.googleapis.com/css?family=Abril+Fatface|Lobster|Oswald|Roboto|EB+Garamond');
@import url('https://fonts.googleapis.com/css?family=Kumar+One+Outline');
/**
 *	font-family: 'Abril Fatface', cursive;
 *	font-family: 'Lobster', cursive;
 *	font-family: 'Roboto', sans-serif;
 *	font-family: 'Oswald', sans-serif;
 *	font-family: 'EB Garamond', serif;
 **/

/*-----------------------------------------------*\
		DOSSIER BASICS
\*-----------------------------------------------*/
@import "basics/base.css";
@import "basics/form.css";
@import "basics/normalize.css";
@import "basics/primary.css";
@import "basics/table.css";
/*-----------------------------------------------*\
		DOSSIER LAYOUTS
\*-----------------------------------------------*/
@import "layouts/bbcode.css";
@import "layouts/content.css";
@import "layouts/form.css";
@import "layouts/table.css";
/*-----------------------------------------------*\
		DOSSIER MODULES
\*-----------------------------------------------*/
@import "modules/button.css";
@import "modules/content.css";
@import "modules/flashbag.css";
@import "modules/form.css";
@import "modules/slider.css";
@import "modules/table.css";
/*-----------------------------------------------*\
		DOSSIER STATES
\*-----------------------------------------------*/
@import "states/form.css";
@import "states/layout.css";
@import "states/table.css";

/*-----------------------------------------------*\
		LES COULEURES
\*-----------------------------------------------*/
:root {
	--primary-1: #ffffff;
	--primary-2: #44c3c7;
	--primary-3: #227a7f;
	--primary-4: #27333d;
	--text: #333;

	--primary: #333;
	--alert: #f00;
	--info: #0ff;
	--warning: #ff0;

	--bg-primary: rgba(0, 0, 0, 0.3);
	--bg-alert: rgba(255, 0, 0, 0.5);
	--bg-info: rgba(0, 255, 255, 0.5);
	--bg-warning: rgba(255, 255, 0, 0.5);
}