@charset "UTF-8";

/**
 * colors.css 1.0.0
 *
 * Color palette, background color utilities, text color utilities.
 * RGB variables allow rgba() usage: rgba(var(--dark-rgb), .5)
 *
 * BACKGROUND COLORS
 * [class*='-background-color'] — applies --text-color and --background-color
 * .has-*-background-color     — sets --background-color scoped variable
 *
 * TEXT COLORS
 * [class*='-text-color']  — applies --text-color
 * .has-*-text-color       — sets --text-color scoped variable
 *
 * HIGHLIGHT COLORS
 * .has-*-color — direct color utility classes
 */


/* ============================================== */
/* ==================== VARS ==================== */
/* ============================================== */


/* ========== DEFAULT ========== */

:root {
	--bright-rgb: 255, 255, 255;
	--light-rgb: 245, 245, 240;
	--grey-color: 165, 165, 160;
	--dark-rgb: 45, 43, 39;

	--accent-rgb: 251, 231, 110; /*218, 67, 83;*/
	--alert-rgb: 255, 0, 0;
	--selection-rgb: 255, 255, 153;

	--yellow-rgb: 251, 231, 110;
	--blue-rgb: 0, 147, 206;

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

	--accent-color: rgb(var(--accent-rgb));
	--alert-color: rgb(var(--alert-rgb));
	--selection-color: rgb(var(--selection-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-accent-text-color {
	--text-color: var(--accent-color);
}
.has-yellow-text-color {
	--text-color: var(--yellow-color);
}
.has-blue-text-color {
	--text-color: var(--blue-color);
}


/* ========================================================== */
/* ==================== HIGHLIGHT COLORS ==================== */
/* ========================================================== */

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


/* ================================================ */
/* ==================== CUSTOM ==================== */
/* ================================================ */

/*
body.is-festival {
	--body-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 .map-container,
body.is-festival .google-map-container {
	background: var(--edition-secondary-color);
}
*/


/* ========== EVENTS FESTIVAL ========== */

/*
.grid.list.events .infos {
	color: currentColor;
	background: none;
}
.grid.list.events .is-festival .post-tag {
	color: var(--yellow-color);
	border-color: var(--edition-primary-color);
	background: var(--edition-primary-color);
}
.grid.list.events .is-festival a.item-content:hover .post-tag {
	color: var(--edition-primary-color);
	border-color: var(--yellow-color);
	background: var(--yellow-color);
}
*/


/* ========== FESTIVAL ========== */
/*
.grid.is-festival,
.grid .item.is-festival {
	--item-background-color: var(--edition-secondary-color);
}
.grid.is-festival .items .infos,
.grid .items .item.is-festival .infos {
	color: var(--edition-secondary-color);
	background: var(--bright-color);
}
.grid.is-festival .post-title {
	font-weight: var(--font-weight-bold);
}
.grid.is-festival a.item-content:hover .infos {
	color: var(--yellow-color);
	background: var(--edition-primary-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 .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);
}
*/