/* Hyperce Theme — light mode layout and non-token visuals */

html[data-theme-mode="hyperce_light"] body,
html[data-theme-mode="hyperce_light"] .desk-body,
html[data-theme-mode="hyperce_light"] #page-container {
	background-color: var(--bg-color) !important;
}

html[data-theme-mode="hyperce_light"] .navbar {
	box-shadow: var(--shadow-sm) !important;
}

html[data-theme-mode="hyperce_light"] .widget,
html[data-theme-mode="hyperce_light"] .widget.number-widget-box {
	box-shadow: var(--shadow-sm) !important;
}

html[data-theme-mode="hyperce_light"] .widget:hover {
	box-shadow: var(--shadow-md) !important;
}

html[data-theme-mode="hyperce_light"] .form-section,
html[data-theme-mode="hyperce_light"] .section-body {
	box-shadow: var(--shadow-sm) !important;
}

html[data-theme-mode="hyperce_light"] .list-row:hover {
	background: var(--bg-color) !important;
}

html[data-theme-mode="hyperce_light"] .list-row.selected {
	background: var(--hyperce-accent-subtle) !important;
}

html[data-theme-mode="hyperce_light"] .awesomplete > ul {
	background: var(--fg-color) !important;
	border: 1px solid var(--border-color) !important;
	box-shadow: var(--shadow-lg) !important;
}

html[data-theme-mode="hyperce_light"] .awesomplete > ul > li:hover,
html[data-theme-mode="hyperce_light"] .awesomplete > ul > li[aria-selected="true"] {
	background: var(--hyperce-accent-subtle) !important;
	color: var(--primary-color) !important;
}

html[data-theme-mode="hyperce_light"] .chart-container text {
	fill: var(--text-light) !important;
}

html[data-theme-mode="hyperce_light"] .chart-container line {
	stroke: var(--table-border-color) !important;
}

html[data-theme-mode="hyperce_light"] .skeleton-box,
html[data-theme-mode="hyperce_light"] .placeholder-text {
	background: linear-gradient(
		90deg,
		var(--control-bg) 25%,
		var(--control-bg-on-gray) 50%,
		var(--control-bg) 75%
	) !important;
	background-size: 200% 100% !important;
	animation: hyperce-shimmer 1.6s ease-in-out infinite !important;
}

html[data-theme-mode="hyperce_light"] .btn-primary {
	color: #ffffff !important;
}