/*===========================
      Color Classes
===========================*/
.primary {
	fill: var(--primary-color) !important;
}
.primary-bk {
	background-color: var(--primary-color) !important;
}
.secondary {
	fill: var(--secondary-color) !important;
}
.selected {
	fill: var(--selected-color) !important;
}
.box {
	fill: var(--box-color) !important;
}
.windshield {
	fill: #c9dbdc; /* Constant color */
}
.black {
	fill: #000000; /* Constant color */
}
.light {
	fill: #ffA500; /* Constant color */
}
.boxplotter-bk {
	background-color: #2c3e50;
	color: #ffffff; /* Optional for contrasting text */
}
.smoke-color {
	background-color: rgba(0, 0, 0, 0.7);
}
.red-text {
	color: maroon;
	font-weight: bold;
}
.gray-text {
	color: rgba(0, 0, 0, 0.7);
	font-weight: bold;
}
.black-text {
	color: black;
}
.sharp-blue-bk {
	background-color: #0066ff;
	color: white;
}
.sharp-blue-text {
	color: #0066ff;
}