@theme {
	/* ============================================
	   EVOXA COMPANY COLOR SCHEME
	   Central Color Definitions

	   TO CHANGE COLORS: Update the hex values below.
	   All colors throughout the application will
	   automatically update.
	   ============================================ */

	/* PRIMARY BLUE - Main interactive elements, buttons, links */
	--color-primary: #36749d;
	--color-primary-hover: #4a8bb8;
	--color-primary-dark: #2d5f7f;
	--color-primary-light: #e8f0f4;
	--color-primary-darker: #1e3a4d;

	/* SUCCESS (TEAL) - Success messages, confirmations, internal broker badges */
	--color-success: #7db4b5;
	--color-success-light: #91c4c5;
	--color-success-dark: #5a9091;
	--color-success-bg: #d8eaec;

	/* WARNING (GOLD) - Info messages, external broker badges */
	--color-warning: #d4af37;
	--color-warning-light: #e0c055;
	--color-warning-dark: #b89325;
	--color-warning-bg: #faf4d9;

	/* ERROR (RED) - Error messages, delete buttons, destructive actions */
	--color-error: #9e1a1a;
	--color-error-hover: #c42929;
	--color-error-dark: #7a1515;
	--color-error-bg: #f8d7da;
	--color-error-darker: #3d0a0a;

	/* SECONDARY (GREY) - Backgrounds, inactive states */
	--color-secondary: #9d9d9c;
	--color-secondary-light: #daca8e;
}

html, body{
	background-color: var(--color-secondary);
	color: #3a3a3a;
	line-height: 1.5;
	font-weight: 400;
	text-transform: none;
	font-size: 17px;
	font-family: Verdana, Geneva, sans-serif;
	width: 100%;
	height: 100%;
	margin-left: 0px;
}

/* Global cursor pointer for interactive elements */
button, a {
	cursor: pointer;
}

/* Button styling for better visibility */
.bg-primary,
button.bg-primary,
a.bg-primary {
	background-color: #36749d !important;
	color: white !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
	border: 2px solid #2d5f7f !important;
	font-weight: 600 !important;
}

.bg-primary:hover,
button.bg-primary:hover,
a.bg-primary:hover {
	background-color: #4a8bb8 !important;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3) !important;
}

.bg-error,
button.bg-error {
	background-color: #9e1a1a !important;
	color: white !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
	border: 2px solid #7a1515 !important;
	font-weight: 600 !important;
}

.bg-error:hover,
button.bg-error:hover {
	background-color: #c42929 !important;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3) !important;
}

.bg-primary-light,
button.bg-primary-light {
	background-color: #e8f0f4 !important;
	color: #2d5f7f !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) !important;
	border: 1px solid #2d5f7f !important;
	font-weight: 600 !important;
}

.bg-primary-light:hover,
button.bg-primary-light:hover {
	background-color: #36749d !important;
	color: white !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}

.bg-error-bg,
button.bg-error-bg {
	background-color: #f8d7da !important;
	color: #9e1a1a !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) !important;
	border: 1px solid #9e1a1a !important;
	font-weight: 600 !important;
}

.bg-error-bg:hover,
button.bg-error-bg:hover {
	background-color: #9e1a1a !important;
	color: white !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}

.bg-success-bg,
button.bg-success-bg {
	background-color: #d8eaec !important;
	color: #5a9091 !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) !important;
	border: 1px solid #5a9091 !important;
	font-weight: 600 !important;
}

.bg-success-bg:hover,
button.bg-success-bg:hover {
	background-color: #7db4b5 !important;
	color: white !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}

.bg-warning-bg,
button.bg-warning-bg {
	background-color: #faf4d9 !important;
	color: #b89325 !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) !important;
	border: 1px solid #b89325 !important;
	font-weight: 600 !important;
}

.bg-warning-bg:hover,
button.bg-warning-bg:hover {
	background-color: #d4af37 !important;
	color: white !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}

/* Green and Blue button styling (for Excel/Import buttons) */
.bg-green-600,
a.bg-green-600,
button.bg-green-600 {
	background-color: #16a34a !important;
	color: white !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
	border: 2px solid #15803d !important;
	font-weight: 600 !important;
}

.bg-green-500,
a.bg-green-500,
button.bg-green-500 {
	background-color: #22c55e !important;
	color: white !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
	border: 2px solid #16a34a !important;
	font-weight: 600 !important;
}

.bg-blue-600,
button.bg-blue-600 {
	background-color: #2563eb !important;
	color: white !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
	border: 2px solid #1e40af !important;
	font-weight: 600 !important;
}

.bg-blue-500,
button.bg-blue-500 {
	background-color: #3b82f6 !important;
	color: white !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
	border: 2px solid #2563eb !important;
	font-weight: 600 !important;
}

.bg-green-600:hover,
a.bg-green-600:hover,
button.bg-green-600:hover,
.bg-green-500:hover,
a.bg-green-500:hover,
button.bg-green-500:hover {
	background-color: #15803d !important;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3) !important;
}

.bg-blue-600:hover,
button.bg-blue-600:hover,
.bg-blue-500:hover,
button.bg-blue-500:hover {
	background-color: #1e40af !important;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3) !important;
}