/**
 * VN Design Tokens — button system (global).
 */
:root {
	--vn-color-primary: #245824;
	--vn-color-primary-hover: #7ed321;
	--vn-color-primary-active: #64b616;

	--vn-color-on-primary: #ffffff;
	--vn-color-on-primary-hover: #163a16;

	--vn-color-button-border: #245824;
	--vn-color-button-disabled: #d8ddd8;
	--vn-color-button-disabled-text: #888f88;

	--vn-button-height-sm: 36px;
	--vn-button-height-md: 44px;
	--vn-button-height-lg: 50px;

	--vn-button-radius: 4px;
	--vn-button-padding-x: 22px;
	--vn-button-font-size: 14px;
	--vn-button-font-weight: 600;

	--vn-button-transition:
		background-color 0.2s ease,
		border-color 0.2s ease,
		color 0.2s ease,
		box-shadow 0.2s ease,
		transform 0.15s ease;

	--vn-focus-ring: rgba(126, 211, 33, 0.35);
}