:root {
	--site-primary: #16a34a;
	--site-primary-hover: #0f7a38;
	--site-primary-rgb: 22, 163, 74;
	--site-primary-hover-rgb: 15, 122, 56;
	--site-secondary: #34d399;
	--site-secondary-rgb: 52, 211, 153;
	--site-dark: #10261a;
	--site-dark-rgb: 16, 38, 26;
	--site-accent: #dcfce7;
	--site-accent-strong: #bbf7d0;
	--site-primary-soft: #86efac;
	--site-highlight: #22c55e;
	--site-highlight-rgb: 34, 197, 94;
	--site-bg: #fbfffc;
	--site-bg-soft: #effcf3;
	--site-surface: #ffffff;
	--site-text: #17251d;
	--site-muted: #607268;
	--site-border: rgba(22, 163, 74, 0.22);
	--site-gradient: linear-gradient(120deg, #16a34a 0%, #34d399 100%);
	--site-header-bg: rgba(255, 255, 255, 0.96);
	--site-footer-bg: linear-gradient(165deg, #10261a 0%, #07130c 100%);
	--site-shadow: 0 26px 64px rgba(22, 163, 74, 0.16);
	--site-focus-ring: 0 0 0 3px rgba(22, 163, 74, 0.18);
	--site-link: #0f7a38;

	--primary-color: var(--site-primary);
	--primary-hover: var(--site-primary-hover);
	--accent-color: var(--site-accent);
	--bg-color: var(--site-bg);
	--surface-color: var(--site-surface);
	--text-color: var(--site-text);
	--text-light: var(--site-muted);
	--heading-color: var(--site-dark);
	--border-color: var(--site-border);
	--gold-color: var(--site-primary);
	--gold-soft: var(--site-accent);
	--shadow: var(--site-shadow);
}

.top-banner {
	background: #0b5d3b;
	color: #ffffff;
}

.top-banner * {
	color: inherit;
}

.site-header .top-banner strong {
	color: #ffffff;
}