
.fui-bt-color-primary {
	--fui-bt-textcolor: var(--fui-color-primary-600);
	--fui-bt-textcolor-active: var(--fui-color-primary-800);
	--fui-bt-focus-color: light-dark(var(--fui-color-primary-200), var(--fui-color-primary-900));
}

.fui-bt-color-green {
	--fui-bt-textcolor: var(--fui-color-green-600);
	--fui-bt-textcolor-active: var(--fui-color-green-800);
	--fui-bt-focus-color: light-dark(var(--fui-color-green-200), var(--fui-color-green-900));
}

.fui-bt-color-red {
	--fui-bt-textcolor: var(--fui-color-red-600);
	--fui-bt-textcolor-active: var(--fui-color-red-800);
	--fui-bt-focus-color: light-dark(var(--fui-color-red-200), var(--fui-color-red-900));
}

.fui-bt-color-blue {
	--fui-bt-textcolor: var(--fui-color-blue-600);
	--fui-bt-textcolor-active: var(--fui-color-blue-800);
	--fui-bt-focus-color: light-dark(var(--fui-color-blue-200), var(--fui-color-blue-900));
}

.fui-bt-color-gray-100 {
	--fui-bt-textcolor: light-dark(var(--fui-color-gray-100), var(--fui-color-gray-800));
	--fui-bt-textcolor-active: light-dark(var(--fui-color-gray-900), var(--fui-color-gray-200));
	--fui-bt-focus-color: light-dark(var(--fui-color-gray-200), var(--fui-color-gray-600));
}

.fui-bt-color-gray-200 {
	--fui-bt-textcolor: light-dark(var(--fui-color-gray-200), var(--fui-color-gray-700));
	--fui-bt-textcolor-active: light-dark(var(--fui-color-gray-900), var(--fui-color-gray-200));
	--fui-bt-focus-color: light-dark(var(--fui-color-gray-200), var(--fui-color-gray-600));
}

.fui-bt-color-gray-300 {
	--fui-bt-textcolor: light-dark(var(--fui-color-gray-300), var(--fui-color-gray-600));
	--fui-bt-textcolor-active: light-dark(var(--fui-color-gray-900), var(--fui-color-gray-200));
	--fui-bt-focus-color: light-dark(var(--fui-color-gray-200), var(--fui-color-gray-600));
}

.fui-bt-color-gray-400 {
	--fui-bt-textcolor: light-dark(var(--fui-color-gray-400), var(--fui-color-gray-500));
	--fui-bt-textcolor-active: light-dark(var(--fui-color-gray-900), var(--fui-color-gray-200));
	--fui-bt-focus-color: light-dark(var(--fui-color-gray-200), var(--fui-color-gray-600));
}

.fui-bt-color-gray-500 {
	--fui-bt-textcolor: light-dark(var(--fui-color-gray-500), var(--fui-color-gray-400));
	--fui-bt-textcolor-active: light-dark(var(--fui-color-gray-900), var(--fui-color-gray-200));
	--fui-bt-focus-color: light-dark(var(--fui-color-gray-200), var(--fui-color-gray-600));
}

.fui-bt-color-gray-600 {
	--fui-bt-textcolor: light-dark(var(--fui-color-gray-600), var(--fui-color-gray-300));
	--fui-bt-textcolor-active: light-dark(var(--fui-color-gray-400), var(--fui-color-gray-400));
	--fui-bt-focus-color: light-dark(var(--fui-color-gray-200), var(--fui-color-gray-600));
}

.fui-bt-color-gray-700 {
	--fui-bt-textcolor: light-dark(var(--fui-color-gray-700), var(--fui-color-gray-200));
	--fui-bt-textcolor-active: light-dark(var(--fui-color-gray-400), var(--fui-color-gray-400));
	--fui-bt-focus-color: light-dark(var(--fui-color-gray-200), var(--fui-color-gray-600));
}

.fui-bt-color-gray-800 {
	--fui-bt-textcolor: light-dark(var(--fui-color-gray-800), var(--fui-color-gray-200));
	--fui-bt-textcolor-active: light-dark(var(--fui-color-gray-400), var(--fui-color-gray-400));
	--fui-bt-focus-color: light-dark(var(--fui-color-gray-200), var(--fui-color-gray-600));
}

.fui-bt-color-gray-900 {
	--fui-bt-textcolor: light-dark(var(--fui-color-gray-900), var(--fui-color-gray-200));
	--fui-bt-textcolor-active: light-dark(var(--fui-color-gray-400), var(--fui-color-gray-400));
	--fui-bt-focus-color: light-dark(var(--fui-color-gray-200), var(--fui-color-gray-600));
}
