/*
	README

	Modify this file as much or as little as needed.

	This file is shared across all CCL widgets in the Mosaic family. This enables the ability to
	a family of widgets in a single update without touching the structure of the widget and without needing
	to duplicate efforts across several widget-specific CSS files.
*/

.core-mosaic {
	--color-text: var(--white);
	--color-bg: var(--green-2d);
	--color-bg-hover: var(--green);
}

.core-mosaic .mosaic-tile .mosaic-tile-inner .tile-info-wrapper {
	background-color: var(--color-bg);
}

.core-mosaic .mosaic-tile .tile-title {
	color: var(--color-text);
}

@media (hover: hover) {
	.core-mosaic .mosaic-tile:hover .mosaic-tile-inner .mosaic-tile-link .tile-info-wrapper {
		background-color: var(--color-bg-hover);
	}
}