:root {
	--color-primary: #0f5132;
	--color-secondary: #0e7c66;
	--color-accent: #f4b400;
	--color-dark: #1f2937;
	--color-text: #18332d;
	--color-muted: #596763;
	--color-bg: #f3f6f4;
	--color-surface: #fff;
	--color-border: #d8e1dd;
	--color-success: #237a4b;
	--color-warning: #9a5a00;
	--color-error: #b42318;
	--color-info: #0e7c66;

	/* Compatibility aliases keep existing components on the shared palette. */
	--color-background: var(--color-bg);
	--color-text-muted: var(--color-muted);

	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-6: 24px;
	--space-8: 32px;
	--space-12: 48px;
	--space-16: 64px;
	--space-20: 80px;
	--space-24: 96px;
	--space-30: 120px;

	--radius-sm: 6px;
	--radius-md: 12px;
	--radius-lg: 20px;
	--radius-pill: 999px;
	--shadow-sm: 0 4px 14px rgb(31 41 55 / 7%);
	--shadow-md: 0 14px 36px rgb(31 41 55 / 12%);
	--container-max: 1280px;
	--font-body: "Be Vietnam Pro", system-ui, sans-serif;
	--z-header: 20;
	--z-dropdown: 30;
	--z-modal: 50;
	--motion-fast: 160ms;
	--motion-standard: 220ms;
}