/* Usefull - Border Color */
////
/// @group UsefullClasses-Border_Color
/// Usefull - Border Color

///
.border {
	&-color {
		@each $box-side-type, $box-side-value in $osui-box-sides {
			// Border transparent
			&-#{$box-side-type}-transparent {
				border-color: transparent;
			}

			// Border Brand Colors
			&-#{$box-side-type}-primary {
				border-color: var(--color-primary);
			}

			&-#{$box-side-type}-secondary {
				border-color: var(--color-secondary);
			}

			// Border Neutral Colors
			@each $neutral-type, $neutral-value in $osui-colors-neutral {
				&-#{$box-side-type}-neutral#{$neutral-type} {
					border-#{$box-side-type}-color: var(--color-neutral-#{$neutral-type});
				}
			}

			// Border Extended Colors
			@each $color-type, $variations in $osui-colors-extended {
				@each $variation-type, $variation-value in $variations {
					@if ($variation-type == '') {
						&-#{$box-side-type}-#{$color-type} {
							border-#{$box-side-type}-color: var(--color-#{$color-type});
						}
					} @else {
						&-#{$box-side-type}-#{$color-type}-#{$variation-type} {
							border-#{$box-side-type}-color: var(--color-#{$color-type}-#{$variation-type});
						}
					}
				}
			}
		}
	}
}