@font-face { font-family: "Guide Sans"; src: url(fonts/sans.woff2) format("woff2"); font-weight: 300 800; font-display: swap; }
@font-face { font-family: "Guide Serif"; src: url(fonts/serif.woff2) format("woff2"); font-weight: 400 700; font-display: swap; }
@font-face { font-family: "Guide Serif"; src: url(fonts/serif-italic.woff2) format("woff2"); font-weight: 400 600; font-style: italic; font-display: swap; }

:root {
	--ground: #f4f8f6;
	--ground-2: #eaefed;
	--ink: #1b262c;
	--dim: #536067;
	--rule: #d4dbd8;
	--accent: #b8492e;
	--accent-ink: #99351b;
	--water: #4c87ad;
	--water-ink: #2f6688;
	--t-outdoors: #719f7a;
	--t-road: #628ca5;
	--t-lodgings: #8b7ea5;
	--t-history: #bd835b;
	--t-main-street: #b06b62;
	--t-farm-vine: #a1a364;
	--t-events: #c6a662;
	--sans: "Guide Sans", "Avenir Next", "Segoe UI", sans-serif;
	--serif: "Guide Serif", "Iowan Old Style", Georgia, serif;
	--mast: 52px;
	--gutter: 16px;
	--radius: 10px;
	color-scheme: light;
	accent-color: var(--accent);
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--ground); color: var(--ink); font: 15px/1.45 var(--sans); -webkit-font-smoothing: antialiased; }
::selection { background: #edd5a3; color: var(--ink); }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
button { font: inherit; color: inherit; }
a { color: inherit; text-decoration-color: color-mix(in oklab, var(--accent) 70%, transparent); text-underline-offset: 3px; }
img { max-width: 100%; }
[hidden] { display: none !important; }