:root {
	/* Color: refined version of the site's existing earthy palette —
	   warmer/cleaner background, deeper text contrast, a more confident
	   (less pastel) accent. */
	--se-bg: #F7F4EF;
	--se-bg-alt: #EFEAE0;
	--se-surface: #FFFFFF;
	--se-surface-warm: #F1E9DD;
	--se-text: #2A241C;
	/* Body-copy softening: the original site's own body text isn't solid
	   black but rgba(37,37,37,.75) — confirmed via computed styles on the
	   live site. Headings stay solid (--se-text); paragraphs/body copy use
	   this instead so long-form reading doesn't feel as heavy. */
	--se-text-soft: rgba(42, 36, 28, 0.78);
	--se-text-muted: #6B6155;
	--se-border: #E4DDD0;

	/* Primary: beige-to-chocolate — matches the reference site (footer,
	   buttons). NOT green — that was an earlier, incorrect guess. */
	--se-primary: #4A3826;
	--se-primary-hover: #34281A;
	--se-on-primary: #FFFFFF;

	--se-accent: #B9723F;
	--se-accent-soft: #F1E3D3;

	--se-difficulty-easy: #4C7A5B;
	/* Moderate: a clear warm orange. Was #B9723F, i.e. identical to --se-accent,
	   which sat too close in hue to --se-difficulty-hard (#9B4436) -- the two
	   pills / map lines read as the same brownish-red. Orange separates the
	   easy / moderate / hard scale cleanly (green -> orange -> brick red). */
	--se-difficulty-moderate: #D9821F;
	--se-difficulty-hard: #9B4436;

	/* Callout semantic colors — distinct from --se-accent/--se-difficulty-*
	   on purpose: a "caution" callout (a common mistake, a soft warning)
	   reads very differently from a "critical" one (real danger/safety) or
	   an "info" one (just a tip), and needs its own genuinely yellow tone
	   rather than reusing the moderate-difficulty terracotta (too close to
	   --se-accent, would collapse two different meanings into one color). */
	--se-caution: #C08A2E;
	--se-caution-soft: #FBF0DA;
	--se-critical: #9B4436;
	--se-critical-soft: #FBE9E5;
	--se-info: #4C7A5B;
	--se-info-soft: #E8F0E7;

	/* Type — matches the original site: Montserrat everywhere, no serif */
	--se-font-display: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	--se-font-body: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

	/* Spacing (8px scale) */
	--se-space-1: 0.25rem;
	--se-space-2: 0.5rem;
	--se-space-3: 0.75rem;
	--se-space-4: 1rem;
	--se-space-5: 1.5rem;
	--se-space-6: 2rem;
	--se-space-7: 3rem;
	--se-space-8: 4.5rem;
	--se-space-9: 6rem;

	/* Layout */
	--se-container: 1180px;
	--se-container-narrow: 760px;
	--se-radius-card: 20px;
	--se-radius-sm: 10px;
	--se-radius-pill: 999px;
	--se-shadow-card: 0 20px 40px -22px rgba(30, 25, 15, 0.25);
	--se-shadow-soft: 0 8px 20px -12px rgba(30, 25, 15, 0.18);
}