/*
Style Colors
Version: 1.0
Theme_URI: https://www.lemon.nl
Date: 04/2025
Author: Roeland ten Holder | Lemon
Author URI: roeland@lemon.nl
*/

/** ******************************** **/
/**      _____                       **/
/**    _(  _  )__________________    **/
/**   ( | (___)     | ____ |  _  |   **/
/**   |_|_______|_|_|______|_| |_|   **/
/**                                  **/
/**            www.lemon.nl          **/
/**                                  **/
/** ******************************** **/

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

:root {
	--blue: 			#4C78D6;
	--darkblue: 		#28306A;
	--darkestblue: 		#181D43;
	--lightblue: 		#A3C2EF;
	--lightestblue: 	#CEDCF2;
	--lightestblue2: 	#c4cfe4;
	--lightestblue3: 	#e1e7f1;
	--grey: 			#BAC5D7;
	--grey-light: 		#DEE1E6;
	--grey-lightest: 	#eef0f3;
	--white: 			#ffffff;
	--black: 			#000000;
}
.blue { color: var(--blue); }
.darkblue { color: var(--darkblue); }
.darkestblue { color: var(--darkestblue); }
.lightblue { color: var(--lightblue); }
.lightestblue { color: var(--lightestblue); }
.lightestblue2 { color: var(--lightestblue2); }
.lightestblue3 { color: var(--lightestblue3); }
.grey { color: var(--grey); }
.grey-light { color: var(--grey-light); }
.grey-lightest { color: var(--grey-lightest); }
.white { color: var(--white); }
.black { color: var(--black); }


.border-blue { border-color: var(--blue); }
.border-darkblue { border-color: var(--darkblue); }
.border-darkestblue { border-color: var(--darkestblue); }
.border-lightblue { border-color: var(--lightblue); }
.border-lightestblue { border-color: var(--lightestblue); }
.border-lightestblue2 { border-color: var(--lightestblue2); }
.border-lightestblue3 { border-color: var(--lightestblue3); }
.border-grey { border-color: var(--grey); }
.border-grey-light { border-color: var(--grey-light); }
.border-grey-lightest { border-color: var(--grey-lightest); }
.border-white { border-color: var(--white); }
.border-black { border-color: var(--black); }


.card-header .card-header { background-color: unset; }
.border-blue .card-header { background-color: var(--blue); }
.border-darkblue .card-header { background-color: var(--darkblue); }
.border-darkestblue .card-header { background-color: var(--darkestblue); }
.border-lightblue .card-header { background-color: var(--lightblue); }
.border-lightestblue .card-header { background-color: var(--lightestblue); }
.border-lightestblue2 .card-header { background-color: var(--lightestblue2); }
.border-lightestblue3 .card-header { background-color: var(--lightestblue3); }
.border-grey .card-header { background-color: var(--grey); }
.border-grey-light .card-header { background-color: var(--grey-light); }
.border-grey-lightest .card-header { background-color: var(--grey-lightest); }
.border-white .card-header { background-color: var(--white); }
.border-black .card-header { background-color: var(--black); }


.bg-blue { background-color: var(--blue); }
.bg-darkblue { background-color: var(--darkblue); }
.bg-darkestblue { background-color: var(--darkestblue); }
.bg-lightblue { background-color: var(--lightblue); }
.bg-lightestblue { background-color: var(--lightestblue); }
.bg-lightestblue2 { background-color: var(--lightestblue2); }
.bg-lightestblue3 { background-color: var(--lightestblue3); }
.bg-grey { background-color: var(--grey); }
.bg-grey-light { background-color: var(--grey-light); }
.bg-grey-lightest { background-color: var(--grey-lightest); }
.bg-white { background-color: var(--white); }
.bg-black { background-color: var(--black); }


.content { color: unset; }

.bg-blue h1, .bg-blue h2, .bg-blue h3, .bg-blue h4, .bg-blue h5, .bg-blue h6, .bg-blue p, .bg-blue td, .bg-blue,
.bg-darkblue h1, .bg-darkblue h2, .bg-darkblue h3, .bg-darkblue h4, .bg-darkblue h5, .bg-darkblue h6, .bg-darkblue p, .bg-darkblue td, .bg-darkblue,
.bg-darkestblue h1, .bg-darkestblue h2, .bg-darkestblue h3, .bg-darkestblue h4, .bg-darkestblue h5, .bg-darkestblue h6, .bg-darkestblue p, .bg-darkestblue td, .bg-darkestblue,
.bg-black h1, .bg-black h2, .bg-black h3, .bg-black h4, .bg-black h5, .bg-black h6, .bg-black p, .bg-black td, .bg-black,
.bg-dark { color: var(--white); }