:root {
	--orch-ink: #14201f;
	--orch-muted: #526462;
	--orch-accent: #0f766e;
	--orch-soft: #e8f3f1;
}

.brand span {
	font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
	font-weight: 760;
	letter-spacing: -0.04em;
}

.brand span::before {
	content: "> ";
	color: var(--orch-accent);
}

.markdown h1 {
	max-width: 19ch;
	font-size: clamp(2.35rem, 5vw, 4.5rem);
	line-height: 0.98;
	letter-spacing: -0.055em;
}

.markdown h1 + p {
	max-width: 62ch;
	color: var(--orch-muted);
	font-size: 1.16rem;
	line-height: 1.65;
}

.markdown blockquote {
	margin: 2rem 0;
	padding: 1rem 1.2rem;
	border: 1px solid color-mix(in srgb, var(--orch-accent) 24%, transparent);
	border-left: 3px solid var(--orch-accent);
	border-radius: 0.5rem;
	background: color-mix(in srgb, var(--orch-soft) 72%, transparent);
}

.markdown blockquote p:last-child { margin-bottom: 0; }
.markdown pre { border-radius: 0.65rem; }
.markdown table { font-size: 0.92rem; }


[data-theme="dark"] {
	--orch-ink: #e4efed;
	--orch-muted: #9cb2ae;
	--orch-soft: #132724;
}

@media (prefers-color-scheme: dark) {
	[data-theme="system"] {
		--orch-ink: #e4efed;
		--orch-muted: #9cb2ae;
		--orch-soft: #132724;
	}
}

@media (max-width: 640px) {
	.markdown h1 { font-size: 2.6rem; }
	.markdown h1 + p { font-size: 1.04rem; }
}