@charset "UTF-8";

/**
// default
--bright-rgb: 255, 255, 255;
--light-rgb: 245, 245, 240;
--dark-rgb: 29, 29, 30;

// accent
--accent-rgb: 255, 129, 178;
--alert-rgb: 255, 0, 0;

// theme
--yellow-rgb: 250, 225, 86;
--blue-rgb: 0, 147, 206;
**/

/**************************/
/**************************/
/********** VARS **********/
/**************************/
/**************************/

:root {
	--bright-rgb: 255, 255, 255;
	--light-rgb: 245, 245, 240;
	--dark-rgb: 45, 43, 39; /*29, 29, 30;*/


	--accent-rgb: 218, 67, 83;
	--alert-rgb: 255, 0, 0;

	/*--yellow-rgb: 250, 225, 86;*/
	--yellow-rgb: 251, 231, 110;
	
	--blue-rgb: 0, 147, 206;

	--bright-color: rgb(var(--bright-rgb));
	--light-color: rgb(var(--light-rgb));
	--dark-color: rgb(var(--dark-rgb));

	--accent-color: rgb(var(--accent-rgb));
	--alert-color: rgb(var(--alert-rgb));

	--yellow-color: rgb(var(--yellow-rgb));
	--blue-color: rgb(var(--blue-rgb));

	--edition-primary-rgb: 93, 93, 102; /*100, 90, 80;*/ /*212, 61, 46;*/
	--edition-secondary-rgb: 50, 30, 20; /*74, 37, 27;*/
	--edition-primary-color: rgb(var(--edition-primary-rgb));
	--edition-secondary-color: rgb(var(--edition-secondary-rgb));
}

/***************************************/
/***************************************/
/********** BACKGROUND COLORS **********/
/***************************************/
/***************************************/

/****************************/
/********** CONFIG **********/
/****************************/

[class*='-background-color'] {
	color: var(--text-color);
	background: var(--background-color);
}

/****************************/
/********** COLORS **********/
/****************************/

.has-dark-background-color {
	--text-color: var(--bright-color);
	--background-color: var(--dark-color);
	--highlighted-text-color: var(--dark-color);
	--highlighted-background-color: var(--bright-color);
}
.has-light-background-color {
	--background-color: var(--light-color);
	--highlighted-text-color: var(--light-color);
}
.has-bright-background-color {
	--background-color: var(--bright-color);
}
.has-accent-background-color {
	--background-color: var(--accent-color);
	--highlighted-text-color: var(--accent-color);
}

.has-yellow-background-color {
	--background-color: var(--yellow-color);
}
.has-blue-background-color {
	--background-color: var(--blue-color);
}


/*********************************/
/*********************************/
/********** TEXT COLORS **********/
/*********************************/
/*********************************/

/****************************/
/********** CONFIG **********/
/****************************/

[class*='-text-color'] {
	color: var(--text-color);
}

/****************************/
/********** COLORS **********/
/****************************/

.has-dark-text-color {
	--text-color: var(--dark-color);
}
.has-light-text-color {
	--text-color: var(--light-color);
}
.has-bright-text-color {
	--text-color: var(--bright-color);
}
.has-yellow-text-color {
	--text-color: var(--yellow-color);
}
.has-blue-text-color {
	--text-color: var(--blue-color);
}
.has-accent-text-color {
	--text-color: var(--accent-color);
}

/*******************************************/
/*******************************************/
/********** HIGHLIGHT TEXT COLORS **********/
/*******************************************/
/*******************************************/

.has-dark-color {
	color:var(--dark-color);
}
.has-light-color {
	color:var(--light-color);
}
.has-bright-color {
	color:var(--bright-color);
}
.has-primary-color {
	color:var(--primary-color);
}
.has-secondary-color {
	color:var(--secondary-color);
}
.has-accent-color {
	color:var(--accent-color);
}







body.is-festival {
	--text-color: var(--edition-primary-color);

	--button-text-color: var(--yellow-color);
	--button-background-color: var(--edition-primary-color);
	--button-hover-text-color: var(--edition-secondary-color);
	--button-hover-background-color: var(--bright-color);
}
/*
body.is-festival nav.alias.only-desktop,
body.is-festival nav.primary a:hover,
body.is-festival nav.primary a.active {
	color: var(--yellow-color);
	background: var(--edition-primary-color);
}
*/
body.is-festival .map-container,
body.is-festival .google-map-container {
	background: var(--edition-secondary-color);
}
/*
body.is-festival .overlay.event .overlay-header .infos > * {
	color: var(--yellow-color);
	background: var(--edition-primary-color);
}
*/
/*
body.is-festival .overlay.event .overlay-header {
	background: var(--edition-secondary-color);
}
*/