/* Usefull - Colors Neutral */
////
/// @group UsefullClasses-Colors_Neutral
/// Usefull - Colors Neutral

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

///
.background {
	$i: 0;
	@each $type, $value in $osui-colors-neutral {
		&-neutral {
			&-#{$type} {
				background-color: var(--color-neutral-#{$type});

				&-lightest {
					@if ($i < 5) {
						background-color: var(--color-neutral-9);
					} @else {
						background-color: var(--color-neutral-0);
					}
				}
			}
		}
		$i: $i + 1;
	}
}

///
.text {
	$i: 0;
	@each $type, $value in $osui-colors-neutral {
		&-neutral-#{$type} {
			color: var(--color-neutral-#{$type});

			& {
				@if ($i > 4) {
					&-darker {
						color: var(--color-neutral-#{$type});
					}
				}
			}
		}
		$i: $i + 1;
	}
}