/* Usefull - Colors Palette */
////
/// @group UsefullClasses-Colors_Pallete
/// Usefull - Colors Palette

/* 
	Note:
	- In order to improve the SASSDOC generated file, the loop was splited in 2!
*/

///
.background {
	@each $color, $variations in $osui-colors-extended {
		@each $type, $value in $variations {
			&-#{$color} {
				@if ($type == '') {
					& {
						background-color: var(--color-#{$color});
					}
				} @else {
					&-#{$type} {
						background-color: var(--color-#{$color}-#{$type});
					}
				}
			}
		}
	}
}

///
.text {
	@each $color, $variations in $osui-colors-extended {
		@each $type, $value in $variations {
			&-#{$color} {
				@if ($type == '') {
					& {
						color: var(--color-#{$color});
					}
				} @else {
					&-#{$type} {
						color: var(--color-#{$color}-#{$type});
					}
				}
			}
		}
	}
}