/**
 * Urfront panel theme utilities (CSS variables from config/theme.php).
 */

body {
	background-color: var(--uf-bg, #fdfdfd);
	color: var(--uf-text, #243e63);
}

.uf-panel-body {
	background-color: var(--uf-bg, #fdfdfd);
	color: var(--uf-text, #243e63);
	min-height: 100vh;
}

.loading-screen {
	background-color: var(--uf-surface, #ffffff);
}

.loader {
	border-top-color: var(--uf-loader, #0ea5e9);
}

.uf-btn-primary {
	background-color: var(--uf-primary, #0ea5e9);
	color: #ffffff;
}

.uf-btn-primary:hover {
	background-color: var(--uf-primary-hover, #0284c7);
}

.uf-btn-secondary {
	background-color: var(--uf-cta-secondary, #7dd3fc);
	color: var(--uf-text, #243e63);
}

.uf-btn-secondary:hover {
	background-color: var(--uf-cta-secondary-hover, #38bdf8);
}

.uf-table-head {
	background-color: var(--uf-table-header, #bae6fd);
	color: var(--uf-text, #243e63);
}

.uf-surface-alt {
	background-color: var(--uf-surface-alt, #f0f9ff);
}

select {
	color: var(--uf-text, #243e63);
}

select:focus {
	outline: none;
	box-shadow: none;
}

option:checked {
	background: var(--uf-surface, #ffffff);
	color: var(--uf-text, #243e63);
}