@charset "UTF-8";

/*****************************/
/*****************************/
/********** DEFAULT **********/
/*****************************/
/*****************************/

body {
	/** standard colors **/
	--dark-rgb: 44, 42, 42;
	--light-rgb: 248,246, 246;
	--bright-rgb: 255, 255, 255;
	--dark-color: rgb(var(--dark-rgb));
	--light-color: rgb(var(--light-rgb));
	--bright-color: rgb(var(--bright-rgb));

	/** theme colors **/
	--primary-rgb: 0, 180, 200;
	--secondary-rgb: 249, 90, 83;

	--primary-color: rgb(var(--primary-rgb));
	--secondary-color: rgb(var(--secondary-rgb));

	/** variations **/
	--lighter-brightness: 1.2;
	--darker-brightness: .8;
}

/****************************/
/****************************/
/********** THEMES **********/
/****************************/
/****************************/

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

/** background **/

section[class*='-background-color']:not(.cover) {
	background: none;
}
section.has-dark-background-color > .content,
.has-dark-background-color {
	color:var(--bright-color);
	text-shadow:0 0 0;
	background:var(--dark-color);
}
section.has-light-background-color > .content,
.has-light-background-color {
	background:var(--light-color);
}
section.has-bright-background-color > .content,
.has-bright-background-color {
	background:var(--bright-color);
}
section.has-primary-background-color > .content,
.has-primary-background-color {
	color:var(--bright-color);
	text-shadow:0 0 0;
	background:var(--primary-color);
}
section.has-secondary-background-color > .content,
.has-secondary-background-color {
	color:var(--bright-color);
	text-shadow:0 0 0;
	background:var(--primary-color);
}

/** text **/

.has-primary-background-color h1,
.has-primary-background-color h2,
.has-primary-background-color h3,
.has-primary-background-color h4,
.has-primary-background-color h5,
.has-primary-background-color h6 {
	color:var(--bright-color);
}
.has-primary-background-color .button {
	color:var(--primary-color);
}
.has-primary-background-color .button:after {
	background:var(--light-color);
}
.has-primary-background-color .button:hover:after {
	-webkit-filter:brightness(var(--darker-brightness));
	        filter:brightness(var(--darker-brightness));
}

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

section.is-bright-colored {
	background:var(--bright-color);
}
section.is-light-colored {
	background:var(--light-color);
}
section.is-dark-colored {
	background:var(--dark-color);
}
section.is-primary-colored {
	color:var(--bright-color);
	text-shadow:0 0 0;
	background:var(--primary-color);
}
section.is-secondary-colored {
	color:var(--bright-color);
	text-shadow:0 0 0;
	background:var(--secondary-color);
}