:root {
	--bg-color: #FFF;
	--title-color: #369;
	--subtitle-color: #444;
	--text-color: #333;
	--text-hover-color: #607D8B;
	--secondary-color: #EEE;
	--secondary-hover-color: #CCC;
	--chord-color: darkgreen;

	--bg-color-dark: darken(var(--bg-color), 100%);
	--title-color-dark: lighten(var(--title-color), 50%);
	--subtitle-color-dark: lighten(var(--subtitle-color), 100%);
	--text-color-dark: ligthen(var(--text-color), 100%);
	--text-hover-color-dark: var(--text-hover-color);
	--secondary-color-dark: #333;
	--secondary-hover-color-dark: #444;
	--chord-color-dark: lightgren;

	--transition-time: 5s;
	--border-radius: 10px;
}