vkko/front/scss/_variables.scss

$pageWidth: 1200px;
$border-radius: 4px;

$mobile-hamburger-height: 60px;

$color-black: #182410;
$color-grey: #e4ebe4;
$color-white: #d9efe9;

$color1:#3f4d32;
$color2:#667451;

/* Таблицы стилей Sass */
/* Адрес цветовой схемы: https://colorscheme.ru/#0I322zrBRLV-- */


/* HEX коды */

$color-primary-0: #ff9200;	/* Основной Цвет */
$color-primary-1: #9e743c;
$color-primary-2: #774400;
$color-primary-3: #ffc880;
$color-primary-4: #fff4e6;

$color-secondary-a-0: #00ffe4;	/* Вторичный Цвет A */
$color-secondary-a-1: #3f8d85;
$color-secondary-a-2: #006055;
$color-secondary-a-3: #72fff0;
$color-secondary-a-4: #cefffa;

$color-secondary-b-0: #7cff00;	/* Вторичный Цвет B */
$color-secondary-b-1: #658d3f;
$color-secondary-b-2: #2f6000;
$color-secondary-b-3: #b7ff72;
$color-secondary-b-4: #e6ffce;


$color-purple-A700: #aa00ff;
$color-purple-A400: #658d3f;
$color-purple-A100: #ea80fc;
$color-purple-900: #3f4d32;
$color-purple-800: #6a1b9a;
$color-purple-700: #7b1fa2;
$color-purple-600: #8e24aa;
$color-purple-500: #182410;
$color-purple-400: #ab47bc;
$color-purple-300: #ba68c8;
$color-purple-200: #ce93d8;
$color-purple-100: #e1bee7;
$color-purple-50: #e4ebe4;

$color-deeporange-A700: #dd2c00;
$color-deeporange-A400: #ff3d00;
$color-deeporange-A100: #ff9e80;
$color-deeporange-900: #bf360c;
$color-deeporange-800: #d84315;
$color-deeporange-700: #e64a19;
$color-deeporange-600: #f4511e;
$color-deeporange-500: #ff5722;
$color-deeporange-400: #ff7043;
$color-deeporange-300: #ff8a65;
$color-deeporange-200: #ffab91;
$color-deeporange-100: #ffccbc;
$color-deeporange-50: #fbe9e7;

$color-green-A700: #00c853;
$color-green-A400: #00e676;
$color-green-A100: #b9f6ca;
$color-green-900: #1b5e20;
$color-green-800: #2e7d32;
$color-green-700: #388e3c;
$color-green-600: #43a047;
$color-green-500: #4caf50;
$color-green-400: #66bb6a;
$color-green-300: #81c784;
$color-green-200: #a5d6a7;
$color-green-100: #c8e6c9;
$color-green-50: #e8f5e9;