$p-color: #6366f1;
$s-color: #8b5cf6;
$text-p: #1f2937;
$text-s: #4b5563;
$text-m: #9ca3af;
$text-w: #ffffffcc;
$b-color-1: #f3f4f6;
$b-color-2: #e5e7eb;
$bg-hover: #e9ecef;
$bg-light: #f8f9ff;
$bg-darkening: #0000007a;
$shadow-1: #0000001a;
$white: #fff;
$red: #dc2626;

$color-image: #f08c00;
$color-video: #2f9e44;
$color-audio: #1971c2;
$color-document: #a561e6;

:root {
	--side-bar-width: 280px;

	@media (max-width: 1200px) {
		--side-bar-width: 180px;
	}
}