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

$p-color: #6366f1;
$p-color-hover: #1e0ff0;
$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;
$black: #000;
$red: #dc2626;
$green: #00a63e;
$green-2: #10b981;
$grey: #5a6e8a;
$p-color-disabled: #6365f18e;
$s-color-disabled: #8a5cf663;
$border-color-1: #e2e8f0;
$border-color-1-hover: #b1b7be;
$color-warning: #fab005;
$color-warning-hover: #fa9805;
$color-warning-2: #f08c00;

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

$status-new: #fab005;
$status-showed: #5a6e8a;
$status-in-work: #3b82f6;
$authorized-use: #2ecc71;

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

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

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