/*
Style Colors
Version: 2.1
Theme_URI: https://www.lemon.nl
Date: 12/2024
Author: Roeland ten Holder | Lemon
Author URI: roeland@lemon.nl
*/

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

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

:root {
	--yellow-light:		#fbf7ea;
	--yellow: 			#dabf3b;
	--yellow-hover: 	#c6ab28;
	--pink-light: 		#eddedd;
	--pink: 			#ba807e;
	--pink-hover:		#a46967;
	--green-light: 		#e2ece6;
	--green: 			#809a8a;
	--green-hover: 		#5e8572;
	--green-dark: 		#5e8572;
	--green-dark-hover: #4f7763;
	--grey-light:		#bebebe;
	--grey:				#969696;
	--grey-dark:		#666666;
	--white:			#ffffff;
	--black:			#333333;
}

/*
http://website.test/_css_colors_.php
*/

.yellow-light { color: var(--yellow-light); }
.yellow { color: var(--yellow); }
.yellow-hover { color: var(--yellow-hover); }
.pink-light { color: var(--pink-light); }
.pink { color: var(--pink); }
.pink-hover { color: var(--pink-hover); }
.green-light { color: var(--green-light); }
.green { color: var(--green); }
.green-hover { color: var(--green-hover); }
.green-dark { color: var(--green-dark); }
.green-dark-hover { color: var(--green-dark-hover); }
.grey-light { color: var(--grey-light); }
.grey { color: var(--grey); }
.grey-dark { color: var(--grey-dark); }
.white { color: var(--white); }
.black { color: var(--black); }


.border-yellow-light { border-color: var(--yellow-light); }
.border-yellow { border-color: var(--yellow); }
.border-yellow-hover { border-color: var(--yellow-hover); }
.border-pink-light { border-color: var(--pink-light); }
.border-pink { border-color: var(--pink); }
.border-pink-hover { border-color: var(--pink-hover); }
.border-green-light { border-color: var(--green-light); }
.border-green { border-color: var(--green); }
.border-green-hover { border-color: var(--green-hover); }
.border-green-dark { border-color: var(--green-dark); }
.border-green-dark-hover { border-color: var(--green-dark-hover); }
.border-grey-light { border-color: var(--grey-light); }
.border-grey { border-color: var(--grey); }
.border-grey-dark { border-color: var(--grey-dark); }
.border-white { border-color: var(--white); }
.border-black { border-color: var(--black); }


.card-header .card-header { background-color: unset; }
.border-yellow-light .card-header { background-color: var(--yellow-light); }
.border-yellow .card-header { background-color: var(--yellow); }
.border-yellow-hover .card-header { background-color: var(--yellow-hover); }
.border-pink-light .card-header { background-color: var(--pink-light); }
.border-pink .card-header { background-color: var(--pink); }
.border-pink-hover .card-header { background-color: var(--pink-hover); }
.border-green-light .card-header { background-color: var(--green-light); }
.border-green .card-header { background-color: var(--green); }
.border-green-hover .card-header { background-color: var(--green-hover); }
.border-green-dark .card-header { background-color: var(--green-dark); }
.border-green-dark-hover .card-header { background-color: var(--green-dark-hover); }
.border-grey-light .card-header { background-color: var(--grey-light); }
.border-grey .card-header { background-color: var(--grey); }
.border-grey-dark .card-header { background-color: var(--grey-dark); }
.border-white .card-header { background-color: var(--white); }
.border-black .card-header { background-color: var(--black); }


.bg-yellow-light { background-color: var(--yellow-light); }
.bg-yellow { background-color: var(--yellow); }
.bg-yellow-hover { background-color: var(--yellow-hover); }
.bg-pink-light { background-color: var(--pink-light); }
.bg-pink { background-color: var(--pink); }
.bg-pink-hover { background-color: var(--pink-hover); }
.bg-green-light { background-color: var(--green-light); }
.bg-green { background-color: var(--green); }
.bg-green-hover { background-color: var(--green-hover); }
.bg-green-dark { background-color: var(--green-dark); }
.bg-green-dark-hover { background-color: var(--green-dark-hover); }
.bg-grey-light { background-color: var(--grey-light); }
.bg-grey { background-color: var(--grey); }
.bg-grey-dark { background-color: var(--grey-dark); }
.bg-white { background-color: var(--white); }
.bg-black { background-color: var(--black); }

.content { color: unset; }
/* .bg-yellow-light > h1, .bg-yellow-light > h2, .bg-yellow-light > h3, .bg-yellow-light > h4, .bg-yellow-light > h5, .bg-yellow-light > h6, .bg-yellow-light > p, .bg-yellow-light td, .bg-yellow-light, */
/* .bg-yellow > h1, .bg-yellow > h2, .bg-yellow > h3, .bg-yellow > h4, .bg-yellow > h5, .bg-yellow > h6, .bg-yellow > p, .bg-yellow td, .bg-yellow, */
/* .bg-yellow-hover > h1, .bg-yellow-hover > h2, .bg-yellow-hover > h3, .bg-yellow-hover > h4, .bg-yellow-hover > h5, .bg-yellow-hover > h6, .bg-yellow-hover > p, .bg-yellow-hover td, .bg-yellow-hover, */
/* .bg-pink-light > h1, .bg-pink-light > h2, .bg-pink-light > h3, .bg-pink-light > h4, .bg-pink-light > h5, .bg-pink-light > h6, .bg-pink-light > p, .bg-pink-light td, .bg-pink-light, */
.bg-pink > h1, .bg-pink > h2, .bg-pink > h3, .bg-pink > h4, .bg-pink > h5, .bg-pink > h6, .bg-pink > p, .bg-pink td, .bg-pink,
.bg-pink-hover > h1, .bg-pink-hover > h2, .bg-pink-hover > h3, .bg-pink-hover > h4, .bg-pink-hover > h5, .bg-pink-hover > h6, .bg-pink-hover > p, .bg-pink-hover td, .bg-pink-hover,
/* .bg-green-light > h1, .bg-green-light > h2, .bg-green-light > h3, .bg-green-light > h4, .bg-green-light > h5, .bg-green-light > h6, .bg-green-light > p, .bg-green-light td, .bg-green-light, */
.bg-green > h1, .bg-green > h2, .bg-green > h3, .bg-green > h4, .bg-green > h5, .bg-green > h6, .bg-green > p, .bg-green td, .bg-green,
.bg-green-hover > h1, .bg-green-hover > h2, .bg-green-hover > h3, .bg-green-hover > h4, .bg-green-hover > h5, .bg-green-hover > h6, .bg-green-hover > p, .bg-green-hover td, .bg-green-hover,
.bg-green-dark > h1, .bg-green-dark > h2, .bg-green-dark > h3, .bg-green-dark > h4, .bg-green-dark > h5, .bg-green-dark > h6, .bg-green-dark > p, .bg-green-dark td, .bg-green-dark,
.bg-green-dark-hover > h1, .bg-green-dark-hover > h2, .bg-green-dark-hover > h3, .bg-green-dark-hover > h4, .bg-green-dark-hover > h5, .bg-green-dark-hover > h6, .bg-green-dark-hover > p, .bg-green-dark-hover td, .bg-green-dark-hover,
/* .bg-grey-light > h1, .bg-grey-light > h2, .bg-grey-light > h3, .bg-grey-light > h4, .bg-grey-light > h5, .bg-grey-light > h6, .bg-grey-light > p, .bg-grey-light td, .bg-grey-light, */
.bg-grey > h1, .bg-grey > h2, .bg-grey > h3, .bg-grey > h4, .bg-grey > h5, .bg-grey > h6, .bg-grey > p, .bg-grey td, .bg-grey,
.bg-grey-dark > h1, .bg-grey-dark > h2, .bg-grey-dark > h3, .bg-grey-dark > h4, .bg-grey-dark > h5, .bg-grey-dark > h6, .bg-grey-dark > p, .bg-grey-dark td, .bg-grey-dark,
/* .bg-white > h1, .bg-white > h2, .bg-white > h3, .bg-white > h4, .bg-white > h5, .bg-white > h6, .bg-white > p, .bg-white td, .bg-white, */
.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); }