/* Custom styles for desh-duniya.com */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

:root {
	--bg-main: #0f172a;
	--card-bg: #1e293b;
	--accent-indigo: #6366f1;
}

body {
	font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	background-color: var(--bg-main);
	color: #f8fafc;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

::-webkit-scrollbar-track {
	background: #0f172a;
}

::-webkit-scrollbar-thumb {
	background: #334155;
	border-radius: 4px;
}

	::-webkit-scrollbar-thumb:hover {
		background: #475569;
	}

/* Glassmorphism utility card effects */
.glass-card {
	background: rgba(30, 41, 59, 0.7);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border: 1px solid rgba(255, 255, 255, 0.08);
}

	.glass-card:hover {
		border-color: rgba(99, 102, 241, 0.4);
	}

/* Line clamp utility fallbacks */
.line-clamp-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.line-clamp-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
/* Markdown Content Styling for Dark Theme */
.markdown-body h1 {
	@apply text-2xl font-bold text-white mt-6 mb-3 border-b border-slate-700/60 pb-2;
}

.markdown-body h2 {
	@apply text-xl font-bold text-white mt-6 mb-3 border-b border-slate-700/40 pb-1;
}

.markdown-body h3 {
	@apply text-lg font-semibold text-indigo-300 mt-4 mb-2;
}

.markdown-body p {
	@apply text-slate-300 mb-4 leading-relaxed;
}

.markdown-body ul {
	@apply list-disc list-inside text-slate-300 mb-4 space-y-1 pl-2;
}

.markdown-body ol {
	@apply list-decimal list-inside text-slate-300 mb-4 space-y-1 pl-2;
}

.markdown-body blockquote {
	@apply border-l-4 border-indigo-500 bg-indigo-950/30 p-4 rounded-r-xl italic text-indigo-200 my-4;
}

.markdown-body code {
	@apply bg-slate-900 text-amber-300 font-mono text-xs px-1.5 py-0.5 rounded border border-slate-700/70;
}

.markdown-body pre {
	@apply bg-slate-900 p-4 rounded-xl border border-slate-700/80 overflow-x-auto my-4 text-xs font-mono text-slate-200;
}

	.markdown-body pre code {
		@apply bg-transparent text-slate-200 p-0 border-none;
	}

.markdown-body a {
	@apply text-indigo-400 underline hover:text-indigo-300 transition;
}

.markdown-body hr {
	@apply border-slate-700/60 my-6;
}

.markdown-body table {
	@apply w-full text-sm text-left text-slate-300 border border-slate-700 my-4 rounded-xl overflow-hidden;
}

.markdown-body th {
	@apply bg-slate-900 p-3 font-semibold text-white border-b border-slate-700;
}

.markdown-body td {
	@apply p-3 border-b border-slate-800;
}