:root {
	--background-color: #faf7ee; /* cream */
	--background-color-brand: #2a5d3f; /* deep green */
	--background-color-accent: #e7e2d6; /* tan/stone */
	--surface: #ffffff; /* cards, panels */
	--surface-muted: #f2eee4;
	--border: #dcd6c9;
	--shadow: 0 6px 30px rgba(0, 0, 0, 0.06);

	--link-color: #2d4d3a; /* earthy green */
	--text-color: #1a1c1a; /* near-black */
	--text-contrast: #eaece8; /* on brand bg */

	--brand: #2a5d3f;
	--muted: #6a6d69;

	--radius-lg: 1rem;
	--radius-sm: .5rem;
	--gap: 1rem;
	--gutter: clamp(16px, 4vw, 56px);
	--maxw: 1100px;

	--font-sans:
		ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Inter, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

	--focus: 0 0 0 3px #ffffff, 0 0 0 6px #2a5d3f;
}

@media (prefers-color-scheme: dark) {
	:root {
		--background-color: #0f1110;
		--background-color-accent: #262a27;
		--surface: #171a18;
		--surface-muted: #141615;
		--border: #2a2f2b;
		--shadow: 0 8px 32px rgba(0, 0, 0, 0.35);

		--text-color: #eaece8;
		--link-color: #98c389;

		--focus: 0 0 0 3px #0f1110, 0 0 0 6px #7acb9d;
	}
}

* {
	box-sizing: border-box;
}
html,
body {
	min-height: 100vh;
}
body {
	margin: 0;
	background: var(--background-color);
	color: var(--text-color);
	font-family: var(--font-sans);
	line-height: 1.6;
	text-rendering: optimizeLegibility;
}
img {
	max-width: 100%;
	height: auto;
	display: block;
}
a {
	color: var(--link-color);
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
:focus-visible {
	outline: none;
	box-shadow: var(--focus);
	border-radius: 6px;
}