:root {
	--color-primary: light-dark(#1b4d3e, #4c9a80);

	--color-primary-light: #6fbf9e;
	--color-primary-dark: #123c30;
	--color-surface-alt: light-dark(#f0ead9, #262019);
	--color-border: light-dark(#e4dcc7, #322a20);

	--color-gold: light-dark(#b07d1e, #d4a94e);
	--color-gold-on-surface: light-dark(#946513, #e0ba63);

	--color-outline:    rgb(from var(--color-primary) r g b / 0.55);
	--color-focus-ring: rgb(from var(--color-primary) r g b / 0.30);

	--shadow-button: 0 2px 4px rgba(0, 0, 0, 0.05),
	                 0 4px 10px rgb(from var(--color-primary) r g b / 0.25);

	--border-subtle: 1px solid rgb(from var(--color-primary) r g b / 0.12);
}