:root {
	color-scheme: light dark;
	--fg: #1a1a1a;
	--bg: #ffffff;
	--muted: #6b7280;
	--accent: #bf5700;
	--border: #e5e7eb;
	--surface: #f9fafb;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	color: var(--fg);
	background: var(--bg);
	line-height: 1.5;
}

.container {
	max-width: 960px;
	margin: 0 auto;
	padding: 0 1.5rem;
}

.site-header {
	padding: 2rem 0 1rem;
}

.site-header__bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

h1 {
	margin-bottom: 0.25rem;
	color: var(--accent);
}

.content {
	padding-bottom: 4rem;
}

.assignment-header {
	margin-bottom: 1rem;
}

.assignment-header h2 {
	margin-bottom: 0.25rem;
}

.question-block {
	margin-bottom: 1.25rem;
	padding: 1.25rem 1.5rem;
	border: 1px solid var(--border);
	border-radius: 10px;
	background: var(--surface);
}

.prompt {
	margin-bottom: 1rem;
}

a {
	color: var(--accent);
}

@media (prefers-color-scheme: dark) {
	:root {
		--fg: #f3f4f6;
		--bg: #111827;
		--muted: #9ca3af;
		--border: #374151;
		--surface: #1f2937;
	}
}