:root {
	--bs-primary: #fe7109;
	--bs-primary-darker: #d66b00;
	--bs-primary-disabled: #f2b27a;
}

/* In dark mode, soften the primary color and use dark text on filled elements
   so buttons and badges don't burn against the dark background. */
[data-bs-theme="dark"] {
	--bs-primary: #e8690e;
	--bs-primary-darker: #c85c00;
	--bs-primary-disabled: #7a5530;
}

.text-primary {
	color: var(--bs-primary) !important;
}

.btn-primary {
	background-color: var(--bs-primary);
	border-color: var(--bs-primary);
	color: #fff;
}

[data-bs-theme="dark"] .btn-primary {
	color: #1a1a1a;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:focus-visible,
.btn-primary:active {
	background-color: var(--bs-primary-darker) !important;
	border-color: var(--bs-primary-darker) !important;
}

[data-bs-theme="dark"] .btn-primary:hover,
[data-bs-theme="dark"] .btn-primary:focus,
[data-bs-theme="dark"] .btn-primary:focus-visible,
[data-bs-theme="dark"] .btn-primary:active {
	color: #1a1a1a !important;
}

.btn-primary:disabled {
	opacity: 0.65;
	background-color: var(--bs-primary-disabled);
	border-color: var(--bs-primary-disabled);
}

.bg-primary {
	background-color: var(--bs-primary) !important;
}

/* Badges using bg-primary get dark text in dark mode */
[data-bs-theme="dark"] .badge.bg-primary {
	color: #1a1a1a !important;
}

[data-bs-theme="dark"] .badge.bg-secondary {
	background-color: var(--bs-secondary-bg) !important;
	color: var(--bs-body-color) !important;
}

.alert-info {
	color: white;
	background-color: var(--bs-primary);
	border-color: var(--bs-primary);
}

.blazored-toast-info {
	border-top-color: var(--bs-primary) !important;
}

a {
	color: var(--bs-primary);
}

.form-control {
	border: 1px solid var(--bs-border-color);
	border-radius: 4px;
	padding: 0.5rem;
}

.card {
	border: 1px solid var(--bs-border-color);
	border-radius: 4px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.card-body .table .table-primary td {
	background-color: var(--bs-primary);
	color: white;
}

.card-body .table .table-primary:hover td {
	background-color: var(--bs-primary);
	box-shadow: none;
	color: white;
}

.card-body .table .table-primary td:first-child i,
.card-body .table .table-primary:hover td:first-child td i {
	color: white !important;
}