/** Datei: plugins/rest/assets.OLD/scss/colors/_variables.scss **/
$theme-bg-blur			: 5px !default;

$theme-color-red		: #ee1501 !default;
$theme-color-orange		: #ee6c01 !default;
$theme-color-yellow		: #eece01 !default;
$theme-color-green		: #01ee21 !default;
$theme-color-cyan		: #01c3ee !default;
$theme-color-blue		: #014cee !default;
$theme-color-pink		: #ee01e2 !default;
$theme-color-purple		: #8301ee !default;
$theme-color-white		: #ffffff !default;
$theme-color-light		: #bebebe !default;
$theme-color-medium		: #818181 !default;
$theme-color-dark		: #595959 !default;
$theme-color-black		: #000000 !default;

$theme-colors			: (
	'background': $theme-color-white,
	'color'		: $theme-color-black,
	'content'	: $theme-color-white,
	
	'default'	: $theme-color-medium,
	'inverted'	: $theme-color-light,
	
	'primary'	: $theme-color-cyan,
	'secondary'	: $theme-color-yellow,
	'tertiary'	: $theme-color-pink,
	
	'success'	: $theme-color-green,
	'danger'	: $theme-color-red,
	'warning'	: $theme-color-yellow,
	
	'red'		: $theme-color-red,
	'orange'	: $theme-color-orange,
	'yellow'	: $theme-color-yellow,
	'green'		: $theme-color-green,
	'cyan'		: $theme-color-cyan,
	'blue'		: $theme-color-blue,
	'pink'		: $theme-color-pink,
	'purple'	: $theme-color-purple,
	'white'		: $theme-color-white,
	'light'		: $theme-color-light,
	'medium'	: $theme-color-medium,
	'dark'		: $theme-color-dark,
	'black'		: $theme-color-black,
) !default;


$theme-colorize-alpha			: .3 !default;
$theme-colorize-bg-alpha		: .4 !default;
$theme-colorize-border-alpha	: .5 !default;
$theme-colorize-active-alpha	: .1 !default;
$theme-colorize-hover-alpha		: .2 !default;
$theme-colorize-light			: $theme-color-white !default;
$theme-colorize-dark			: $theme-color-black !default;

$theme-brightness: (
	50  : 5%,
	100 : 0%,
	200 : -2.5%,
	300 : -5%,
	400 : -7.5%,
	500 : -10%,
) !default;

/** Datei: plugins/rest/assets.OLD/scss/colors/_functions.scss **/
@function get_color( $color, $alpha : 1, $brightness : 0 ) {
	@if type-of( $color ) != color {
		$color : map-get( $theme-colors, $color );
	}
	
	@if( $brightness < 0 )	{ $color : darken( $color, $brightness * -1); }
	@if( $brightness > 0 )	{ $color : lighten( $color, $brightness ); }
	@if( $alpha != 1 )		{ $color : rgba( red( $color ), green( $color ), blue( $color ), $alpha ); }
	
	@return $color
}

@function get_color_hover( $color, $alpha : 1 ) {
	@return get_color( $color, $alpha, 5% );
}

@function get_color_active( $color, $alpha : 1 ) {
	@return get_color( $color, $alpha, -5% );
}

@function get_color_tone( $color, $level : 100, $tint: null, $tint-strength: 15% ) {
	@if( $level > 0 ) {
		$base: get_color( $color, 1, get_brightness( $level ) );
	}
	@else {
		$base: get_color( $color, 1, get_brightness( $level * -1 ) * -1 );
	}
	
	@if $tint == null {
		@return $base;
	}
	
	$accent: get_color( $tint );
	@return mix( $accent, $base, $tint-strength );
}


@function get_brightness( $level : 100 ) {
	@return map-get( $theme-brightness, $level );
}

@function contrast( $color, $color1, $color2, $contrast-threshold : 55% ) {
	@if type-of( $color ) == color and type-of( $color1 ) == color and type-of( $color2 ) == color {
		$light	: if( lightness( $color1 ) > lightness( $color2 ), $color1, $color2 );
		$dark	: if( lightness( $color1 ) > lightness( $color2 ), $color2, $color1 );
		@return if( lightness( $color ) < $contrast-threshold, $light, $dark );
	}
	@else {
		@return $color1;
	}
}

/** Datei: plugins/rest/assets.OLD/scss/colors/_styles.scss **/
@import "variables.scss";
@import "mixins.scss";
@import "functions.scss";

@mixin colorize_btn_all() {
	@each $name, $color in $theme-colors {
		&.colored-#{$name} {
			@include colorize_btn( $name );
		}
	}
}

@mixin colorize_btn( $color: inverted ) {
	@include colorize_this( $color );
	
	&.focus 	{ @include colorize_this( $color, $theme-active-opacity ); }
	&.active 	{ @include colorize_this( $color, $theme-active-opacity ); }
	&.current 	{ @include colorize_this( $color, $theme-active-opacity ); }
	&:focus 	{ @include colorize_this( $color, $theme-hover-opacity ); }
	&:hover 	{ @include colorize_this( $color, $theme-hover-opacity ); }
}

@each $name, $color in $theme-colors {
	.text--colored-#{$name} { color: #{get_color( $color )}; }
	
	.theme--colored-#{$name} {
		@include colorize( $color );
	}
}


/** Datei: plugins/rest/assets.OLD/scss/colors/_mixins.scss **/
@mixin colorize( $color, $light: $theme-colorize-light, $dark: $theme-colorize-dark ) {
//	@debug 'theme-colorize-alpha: #{$theme-colorize-alpha}';
//	@debug 'theme-colorize-bg-alpha: #{$theme-colorize-bg-alpha}';
//	@debug 'theme-colorize-border-alpha: #{$theme-colorize-border-alpha}';
//	@debug 'theme-colorize-hover-alpha: #{$theme-colorize-hover-alpha}';
//	@debug 'theme-colorize-active-alpha: #{$theme-colorize-active-alpha}';
	
	$normal	: get_colorize_bg( $color );
	$hover	: get_colorize_bg( $color, $theme-colorize-hover-alpha );
	$active	: get_colorize_bg( $color, $theme-colorize-active-alpha );
	
	--color-background: #{$normal};
	--color-background-hover: #{$hover};
	--color-background-active: #{$active};
	
	--color-border: #{get_colorize_border( $color )};
	--color-border-hover: #{get_colorize_border( $color, $theme-colorize-hover-alpha )};
	--color-border-active: #{get_colorize_border( $color, $theme-colorize-active-alpha )};
	
	--color-text: #{get_colorize_text( $normal, $light, $dark )};
	--color-text-hover: #{get_colorize_text( $hover, $light, $dark )};
	--color-text-active: #{get_colorize_text( $active, $light, $dark )};
}

@function get_colorize_bg( $color, $alpha: 0 ) {
	@return get_color( $color, $theme-colorize-alpha + $theme-colorize-bg-alpha + $alpha );
}

@function get_colorize_border( $color, $alpha: 0 ) {
	@return get_color( $color, #{$theme-colorize-alpha + $theme-colorize-border-alpha + $alpha } );
}

@function get_colorize_text( $color, $light: $theme-colorize-light, $dark: $theme-colorize-dark ) {
	@return contrast( $color, $light, $dark );
}