html[data-theme='light'] .popup-overlay {
	background-color: oklch(0.24 0.025 278 / 48%);
	backdrop-filter: blur(2px);
}

html[data-theme='light'] .popup-panel {
	border: 1px solid oklch(0.78 0.07 305);
	background-color: oklch(0.975 0.025 305);
	color: oklch(0.23 0.04 278);
	text-shadow: none;
	box-shadow: 0 12px 32px oklch(0.2 0.04 278 / 28%);
}

html[data-theme='light'] .popup-title {
	color: oklch(0.36 0.13 305);
}

html[data-theme='light'] .test-result-status.is-correct {
	color: oklch(0.4 0.12 148);
}

html[data-theme='light'] .test-result-status.is-incorrect {
	color: oklch(0.48 0.16 24);
}

html[data-theme='light'] .popup-buttons button {
	border: 2px solid;
	text-shadow: none;
	font-weight: 700;
	box-shadow: 0 2px 4px oklch(0.25 0.03 278 / 14%);
}

html[data-theme='light'] .popup-button-positive {
	border-color: oklch(0.61 0.1 148);
	background-color: oklch(0.85 0.11 148);
	color: oklch(0.23 0.065 148);
}

html[data-theme='light'] .popup-button-negative {
	border-color: oklch(0.65 0.11 24);
	background-color: oklch(0.89 0.08 24);
	color: oklch(0.32 0.1 24);
}

html[data-theme='light'] .popup-button-main {
	border-color: var(--action-blue);
	background-color: var(--action-blue);
	color: white;
}

html[data-theme='light'] .popup-button-secondary {
	border: 0;
	background-color: transparent;
	color: inherit;
	box-shadow: none;
}

html[data-theme='light'] .popup-buttons button:active {
	filter: brightness(0.95);
	box-shadow: inset 0 2px 4px oklch(0.25 0.03 278 / 16%);
}