/** Topic Preview - Windows Theme */
@import url("light.css");

:root {
	--tp-bg: #fdfdfd;
	--tp-border: #636363;
	--tp-shadow: #888888;
	--tp-text: #636363;
	--tp-scrollbar-track: #f0f0f0;
	--tp-scrollbar-thumb: #636363;
	--tp-scrollbar-hover: #444444;
}

.topic_preview_container {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: linear-gradient(to bottom, #fdfdfd 0%, #dedeec 100%);
	box-shadow: 3px 3px 4px var(--tp-shadow);
}

.topic_preview_container:after {
	background: #dedeec;
}

/* Keep the Windows surface recognisably gradient-based in Zeina dark mode. */
html.dark .topic_preview_container {
	--tp-bg: #1e293b;
	--tp-border: #475569;
	--tp-divider: #334155;
	--tp-text: #e2e8f0;
	--tp-section-bg: rgb(51 65 85 / 0.8);
	--tp-section-text: #e2e8f0;
	--tp-scrollbar-track: #0f172a;
	--tp-scrollbar-thumb: #64748b;
	--tp-scrollbar-hover: #94a3b8;
	--tp-avatar-bg: #334155;
	--tp-avatar-icon: #94a3b8;
	background: linear-gradient(to bottom, #334155 0%, #0f172a 100%);
	box-shadow: 3px 3px 4px rgb(2 6 23 / 0.55);
}

html.dark .topic_preview_container:after {
	background: #0f172a;
}