/*
 * SustainMap design tokens — verified against the live prototype
 * (sustainmapnew.netlify.app/assets/styles.css :root).
 * prototype.css already declares these; this file is the canonical
 * override/reference layer and loads after it.
 */
:root {
	--green: #15803D;
	--green-deep: #0B5135;
	--leaf: #22A06B;
	--green-700: #1B6B3A;
	--mint: #EAF5EF;
	--pale: #F3FAF6;
	--ink: #1A2620;
	--slate: #5C6B63;
	--border: #D9E5DF;
	--amber: #B7791F;
	--amber-bg: #FBF3E2;
	--watch: #0E7490;
	--white: #fff;

	--maxw: 1200px;
	--read: 720px;
	--r-card: 14px;
	--r-btn: 9px;

	--shadow-sm: 0 1px 3px rgba(11,81,53,.06), 0 1px 2px rgba(11,81,53,.04);
	--shadow-md: 0 10px 30px rgba(11,81,53,.10);
	--shadow-lg: 0 24px 60px rgba(11,81,53,.16);

	--head: "Google Sans", "Noto Sans Thai", system-ui, sans-serif;
	--body: "Google Sans", "Noto Sans Thai", system-ui, sans-serif;
	--e-out: cubic-bezier(.16,1,.3,1);
	--e-cubic: cubic-bezier(.65,0,.35,1);
}

/* Fixed header offset for interior (non-hero) pages. */
body:not(.sm-has-hero) #sm-content {
	padding-top: 84px;
}