no-copy-frontend/src/app/styles/variable.scss

$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;
$p-color-disabled: #6365f18e;
$s-color-disabled: #8a5cf663;

$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;
	}

	@media (max-width: 767px) {
		--side-bar-width: 0px;
	}
}