/*
 * Token-only bridge for KSE RAG Chatbot / Story Workbench.
 * The plugin documentation defines fullscreen geometry and internal responsive
 * behaviour, so the theme intentionally does not override those layouts.
 */
body.mth-theme :where(
	.kse-rag-chatbot,
	.kse-story-workbench,
	.kse-story-course-catalog,
	.kse-story-seminar-dashboard
) {
	--kse-color-accent: #087a67;
	--kse-color-focus: #087a67;
	--kse-color-ink: #10231b;
	--kse-color-text: #10231b;
	--kse-color-surface: #f1faf6;
	--kse-color-surface-soft: #e9f8f3;
	--kse-color-panel: #e9f8f3;
	--kse-color-warning: #d97706;
	--kse-color-error: #b42318;
	--kse-warning: #d97706;
	--kse-error: #b42318;
	font-family: inherit;
}

body.mth-theme :where(.kse-story-course-catalog, .kse-rag-chatbot) {
	width: 100%;
	max-width: var(--mth-wide);
	margin-inline: auto;
}

@media (prefers-color-scheme: dark) {
	body.mth-theme :where(
		.kse-rag-chatbot,
		.kse-story-workbench,
		.kse-story-course-catalog,
		.kse-story-seminar-dashboard
	) {
		--kse-color-ink: #e9f8f3;
		--kse-color-text: #e9f8f3;
		--kse-color-surface: #0d1511;
		--kse-color-surface-soft: #121d17;
		--kse-color-panel: #121d17;
		--kse-color-card: #17231d;
	}
}