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

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

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

:root {
	--blue: 			#0F1023;			/* 15 - 16 - 35 */
	--blue-hover: 		#202478;
	--purple: 			#43358b;			/* 67 - 53 - 139 */
	--purple-hover: 	#2a1e6b;
	--yellow: 			#e6f407;			/* 233 - 244 - 77 */
	--yellow-hover: 	#eeff00;
	--grey-light:		#bebebe;
	--grey:				#969696;
	--grey-dark:		#666666;
	--white:			#ffffff;
	--black:			#000000;
}

.blue { color: var(--blue); }
.blue-hover { color: var(--blue-hover); }
.purple { color: var(--purple); }
.purple-hover { color: var(--purple-hover); }
.yellow { color: var(--yellow); }
.yellow-hover { color: var(--yellow-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-blue { border-color: var(--blue); }
.border-blue-hover { border-color: var(--blue-hover); }
.border-purple { border-color: var(--purple); }
.border-purple-hover { border-color: var(--purple-hover); }
.border-yellow { border-color: var(--yellow); }
.border-yellow-hover { border-color: var(--yellow-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-blue .card-header { background-color: var(--blue); }
.border-blue-hover .card-header { background-color: var(--blue-hover); }
.border-purple .card-header { background-color: var(--purple); }
.border-purple-hover .card-header { background-color: var(--purple-hover); }
.border-yellow .card-header { background-color: var(--yellow); }
.border-yellow-hover .card-header { background-color: var(--yellow-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-blue { background-color: var(--blue); }
.bg-blue-hover { background-color: var(--blue-hover); }
.bg-purple { background-color: var(--purple); }
.bg-purple-hover { background-color: var(--purple-hover); }
.bg-yellow { background-color: var(--yellow); }
.bg-yellow-hover { background-color: var(--yellow-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); }

.btn-blue { background-color: var(--blue); }
.btn-blue-hover { background-color: var(--blue-hover); }
.btn-blue:hover { background-color: var(--blue-hover); }
.btn-purple { background-color: var(--purple); }
.btn-purple-hover { background-color: var(--purple-hover); }
.btn-purple:hover { background-color: var(--purple-hover); }
.btn-yellow { background-color: var(--yellow); }
.btn-yellow-hover { background-color: var(--yellow-hover); }
.btn-yellow:hover { background-color: var(--yellow-hover); }
.btn-grey-light { background-color: var(--grey-light); }
.btn-grey { background-color: var(--grey); }
.btn-grey-dark { background-color: var(--grey-dark); }
.btn-white { background-color: var(--white); }
.btn-black { background-color: var(--black); }

.content { color: unset; }

.content a:not(.btn) { color: var(--black); }
.link, .content a:not(.btn):hover { color: var(--black); }

.btn-gradient, .bg-gradient h3, .bg-gradient h4, .bg-gradient h5, .bg-gradient h6, .bg-gradient p, .bg-gradient td, .bg-gradient, .bg-gradient a, .bg-gradient a:hover,

.btn-blue, .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-blue a, .bg-blue a:hover,
.btn-blue:hover, .btn-blue-hover, .bg-blue-hover h1, .bg-blue-hover h2, .bg-blue-hover h3, .bg-blue-hover h4, .bg-blue-hover h5, .bg-blue-hover h6, .bg-blue-hover p, .bg-blue-hover td, .bg-blue-hover, .bg-blue-hover a, .bg-blue-hover a:hover,
.btn-purple, .bg-purple h1, .bg-purple h2, .bg-purple h3, .bg-purple h4, .bg-purple h5, .bg-purple h6, .bg-purple p, .bg-purple td, .bg-purple, .bg-purple a, .bg-purple a:hover,
.btn-purple:hover, .btn-purple-hover, .bg-purple-hover h1, .bg-purple-hover h2, .bg-purple-hover h3, .bg-purple-hover h4, .bg-purple-hover h5, .bg-purple-hover h6, .bg-purple-hover p, .bg-purple-hover td, .bg-purple-hover, .bg-purple-hover a, .bg-purple-hover a:hover,
.btn-black, .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-black a, .bg-black a:hover,
.bg-dark { color: var(--white); }

.bg-gradient { background: var(--purple); background-image: linear-gradient( 20deg, var(--purple) 10%, var(--blue) 80%) !important; }

.bg-gradient.reverse { background: var(--purple); background-image: linear-gradient( 20deg, var(--blue) 10%, var(--purple) 80%) !important; }

.card-gradient { background-image: linear-gradient(0deg, var(--blue) 0%, rgba(255,255,255,0) 50%) !important; }