/* Kings of War Australia — base styles.
   Visual direction: light theme, warm neutral base, one strong accent,
   photo-forward. This is a starting point, not the final design. */

:root {
	--colour-bg: #faf7f2;
	--colour-text: #2b2620;
	--colour-accent: #b3471d;
	--colour-muted: #6f675d;
	--font-body: system-ui, -apple-system, "Segoe UI", sans-serif;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
	font-family: var(--font-body);
	background: var(--colour-bg);
	color: var(--colour-text);
	line-height: 1.6;
}

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

.site-header {
	padding: 1rem 1.5rem;
	border-bottom: 1px solid #e5ded3;
}

.site-title {
	font-weight: 700;
	text-decoration: none;
	color: var(--colour-text);
}

main {
	max-width: 60rem;
	margin: 0 auto;
	padding: 2rem 1.5rem;
}

.hero h1 {
	font-size: 2.25rem;
	margin-bottom: 0.5rem;
}

.site-footer {
	padding: 2rem 1.5rem;
	color: var(--colour-muted);
	border-top: 1px solid #e5ded3;
	margin-top: 3rem;
}
