@use "sass:color";

//Default colors
$default: hsl(0, 0%, 27%);
$default-hover: color.adjust($default, $lightness: -10%, $space: hsl);
$default-light: color.adjust($default, $lightness: 30%, $space: hsl);
$default-disabled: color.adjust($default, $lightness: 50%, $space: hsl);
$default-bg: color.adjust($default, $lightness: 60%, $space: hsl);
$default-bg-light: color.adjust($default, $lightness: 65%, $space: hsl);
$default-bg-trans: color.adjust($default, $lightness: 70%, $alpha: -0.2, $space: hsl);
$default-bg-trans-disabled: color.adjust($default, $lightness: 70%, $alpha: -0.5, $space: hsl);
$default-inv: $default-bg;
$default-inv-hover: color.adjust($default-bg, $lightness: 10%, $space: hsl);
$default-inv-bg: $default;

//Theme colors
$main:				#335918;
$sub:				#081B19;
$flashy:			#11DB6D;
$night:				#071E26;
$spot:				#F18A00;

//Feed colors
$post-input-bg: 	#ffffff;
$post: 				$default;
$post-hover: 		$default-hover;
$post-bg: 			$default-bg;

$message:			$main;
$message-flashy:	$flashy;
$message-hover:		color.adjust($message, $lightness: -10%, $space: hsl);
$message-bg:		color.adjust($message, $lightness: 60%, $space: hsl);
$message-bg-light:	color.adjust($message, $lightness: 70%, $alpha: -0.3, $space: hsl);

$media:				hsl(214, 45%, 27%);
$media-flashy:		hsl(193, 100%, 50%);
$media-hover:		color.adjust($media, $lightness: -10%, $space: hsl);
$media-bg:			color.adjust($media, $lightness: 60%, $space: hsl);
$media-bg-light:	color.adjust($media, $lightness: 70%, $alpha: -0.3, $space: hsl);

//Over image colors
$over-img: 			#DDD;
$over-img-hover:	#ffffff;
$over-img-bg:		color.adjust($default, $lightness: 70%, $alpha: -0.5, $space: hsl);
$over-img-shadow:	rgba(0, 0, 0, 0.5);

//Settings colors
$title: 			$main;
$subtitle: 			$default-light;
$download-hover:	#0078A8;

//Map colors
$space:				#000000;
$horizon:			#FFFFFF;
$main-track:		$flashy;
$off-track:			#0000ff;
$hitchhiking:		#ff7814;

//Loader
$loader: 			$default-bg;
$loader-bg:			$default;

//Feedback
$error:				#ff0000;
$warning:			#ffa500;
$success:			#008000;