/*Text*/
$ColorText-1: #272c33;
$ColorText-2: #f1f2f7;
$ColorText-3: #c8c9ce;
$ColorText-4: #ffffff;
$ColorText-5: #a6a7ab;
$ColorText-6: #f44336;
$ColorText-7: #5f5f5f;

/*Background*/
$Background-1: #272c33;
$Background-2: #f1f2f7;
$Background-3: #c8c9ce;
$Background-4: #ffffff;
$Background-5: #e74c3c;
$Background-6: #363c45;
$Background-7: #dfe0e5;
$Background-8: #f6f6f6;

/*Background btn*/
$Background-btn-green: #4CAF50;
$Background-btn-green-hover: #3c8a40;

$Background-btn-red: #e74c3c;
$Background-btn-red-hover: #be3e31;

$Background-btn-blue: #2196f3;
$Background-btn-blue-hover: #1b7cc9;

/*Border Color*/
$Border-Color-1: #4b545f;
$Border-Color-2: #e7e7e7;
$Border-Color-3: #e74c3c;
$Border-Color-4: #c6c6c6;
$Border-Color-5: #b1b1b1;
$Border-Color-6: #4c4c4c;

/*radius*/
$radius_1: 1px;
$radius_2: 2px;
$radius_3: 3px;
$radius_4: 4px;
$radius_5: 5px;
