@use "sass:color";

//Default colors
$default: hsl(0, 0%, 27%);
$default-hover: color.adjust($default, $lightness: -10%, $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-bg: $default;

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

$message:			hsl(109, 45%, 27%);
$message-hover:		color.adjust($message, $lightness: -10%, $space: hsl);
$message-bg:		color.adjust($message, $lightness: 60%, $space: hsl);

$media:				hsl(214, 45%, 27%);
$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: 60%, $alpha: -0.4, $space: hsl);

//Over image colors
$over-img: 			#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: 			$default;
$subtitle: 			#999;
$download-hover:	#0078A8;

//Legend colors
$legend:			$default;

//Tracks
$track-start:		$message;
$track-end:			#FF7814;

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

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