/* ==============================================
   Scalar Theme - Stripe-inspired customizations
   ============================================== */

@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap');

/* Base Scalar theming */
:root {
	--scalar-font: 'Inter', system-ui, -apple-system, sans-serif;
	--scalar-font-code: 'JetBrains Mono', 'Fira Code', ui-monospace, monospace;
	--scalar-color-accent: #635BFF;
}

.scalar-api-reference {
	--scalar-content-max-width: 1400px;
}

/* Light mode styles */
@media (prefers-color-scheme: light) {
	.scalar-sidebar {
		background-color: #f6f9fc !important;
		border-right: 1px solid #e6ebf1 !important;
	}
}

/* Dark mode styles */
@media (prefers-color-scheme: dark) {
	.scalar-sidebar {
		background-color: #0d3356 !important;
		border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
	}
}

.dark-mode {
	--scalar-background-1: #0a2540 !important;
	--scalar-background-2: #102a43 !important;
	--scalar-color-accent: #635BFF !important;
}
/* Code block styling with monospace font */
.scalar-code-block,
pre, code,
[class*="code"],
[class*="response"] pre {
	font-family: var(--scalar-font-code) !important;
	font-size: 13px !important;
	line-height: 1.5 !important;
}

.scalar-code-block {
	border-radius: 8px !important;
	box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important;
}

/* Reduced padding for right-side containers */
[class*="scalar-card"],
[class*="example"],
[class*="response-body"],
[class*="request-body"] {
	padding: 12px !important;
}

/* Tighter code blocks */
.scalar-code-block pre,
[class*="code-block"] pre {
	padding: 12px 14px !important;
	margin: 0 !important;
}

/* Response section styling */
[class*="response"] {
	border-radius: 8px !important;
}

/* JSON syntax highlighting enhancements */
.hljs-attr { color: #7c3aed !important; }
.hljs-string { color: #059669 !important; }
.hljs-number { color: #d97706 !important; }
.hljs-literal { color: #dc2626 !important; }