:root{
	/* ───── Quiz container ───── */
	--nuclen-quiz-font-color: #3d4e62;
	--nuclen-quiz-bg-color: #faf3ed;
	--nuclen-quiz-border-color: #ffc300;
	--nuclen-quiz-border-style: solid;
	--nuclen-quiz-border-width: 3px;
	--nuclen-quiz-border-radius: 10px;
	--nuclen-quiz-shadow-color: rgba(0,0,0,0.15);
	--nuclen-quiz-shadow-blur: 8px;

	/* ───── Quiz answer buttons ───── */
	--nuclen-quiz-button-bg: #00a7b5;
	--nuclen-quiz-button-border-color: #ff5b8f;
	--nuclen-quiz-button-border-width: 2px;
	--nuclen-quiz-button-border-radius: 10px;

	/* ───── Progress bar ───── */
	--nuclen-quiz-progress-fg: #1b977d;
	--nuclen-quiz-progress-bg: #e0e0e0;
	--nuclen-quiz-progress-height: 10px;

	/* ───── Summary container ───── */
	--nuclen-summary-font-color: #3d4e62;
	--nuclen-summary-bg-color: #ffffff;
	--nuclen-summary-border-color: #ffc300;
	--nuclen-summary-border-style: solid;
	--nuclen-summary-border-width: 2px;
	--nuclen-summary-border-radius: 6px;
	--nuclen-summary-shadow-color: rgba(0,0,0,0.15);
	--nuclen-summary-shadow-blur: 8px;

	/* ───── TOC container ───── */
	--nuclen-toc-font-size: 16px;
	--nuclen-toc-font-color: #000000;
	--nuclen-toc-bg-color: #ffffff;
	--nuclen-toc-border-color: #000000;
	--nuclen-toc-border-style: solid;
	--nuclen-toc-border-width: 1px;
	--nuclen-toc-border-radius: 6px;
	--nuclen-toc-shadow-color: rgba(0,0,0,0.05);
	--nuclen-toc-shadow-blur: 8px;
	--nuclen-toc-link: #1e73be;
	--nuclen-toc-sticky-max-width: 300px;

	/* ───── Legacy fallbacks ───── */
	--nuclen-border-color: var(--nuclen-quiz-border-color);
	--nuclen-border-style: var(--nuclen-quiz-border-style);
	--nuclen-border-width: var(--nuclen-quiz-border-width);
	--nuclen-border-radius: var(--nuclen-quiz-border-radius);
	--nuclen-progress-fg: var(--nuclen-quiz-progress-fg);
	--nuclen-progress-bg: var(--nuclen-quiz-progress-bg);
}

/* ─── Apply variables to actual elements ─── */
.nuclen-quiz{
	border: var(--nuclen-quiz-border-width) var(--nuclen-quiz-border-style) var(--nuclen-quiz-border-color);
	border-radius: var(--nuclen-quiz-border-radius);
	box-shadow: 0 0 var(--nuclen-quiz-shadow-blur) var(--nuclen-quiz-shadow-color);
	background: var(--nuclen-quiz-bg-color);
	color: var(--nuclen-quiz-font-color);
}

.nuclen-summary{
	border: var(--nuclen-summary-border-width) var(--nuclen-summary-border-style) var(--nuclen-summary-border-color);
	border-radius: var(--nuclen-summary-border-radius);
	box-shadow: 0 0 var(--nuclen-summary-shadow-blur) var(--nuclen-summary-shadow-color);
	background: var(--nuclen-summary-bg-color);
	color: var(--nuclen-summary-font-color);
}

.nuclen-toc-wrapper{
	font-size: var(--nuclen-toc-font-size);
	border: var(--nuclen-toc-border-width) var(--nuclen-toc-border-style) var(--nuclen-toc-border-color);
	border-radius: var(--nuclen-toc-border-radius);
	box-shadow: 0 0 var(--nuclen-toc-shadow-blur) var(--nuclen-toc-shadow-color);
	background: var(--nuclen-toc-bg-color);
	color: var(--nuclen-toc-font-color);
}
.nuclen-toc-wrapper a{
	color: var(--nuclen-toc-link);
}

#nuclen-quiz-progress-bar-container{
	background: var(--nuclen-quiz-progress-bg);
	height: var(--nuclen-quiz-progress-height);
}
#nuclen-quiz-progress-bar{
	background: var(--nuclen-quiz-progress-fg);
	height: 100%;
	width: 0;
}