$font_default: 20px/27px Segoe UI Regular;
$font_family: Segoe UI Regular;

$percentage_100: 100%;
$percentage_90: 90%;
$percentage_80: 80%;
$percentage_70: 70%;
$percentage_60: 60%;
$percentage_50: 50%;
$percentage_40: 40%;
$percentage_35: 35%;
$percentage_30: 30%;
$percentage_20: 20%;
$percentage_10: 10%;

$black: #000000;
$black_3: #333333;
$black_opacity_02: rgba(0, 0, 0, 0.02);
$black_opacity_20: rgba(0, 0, 0, 0.2);
$black_opacity_3: rgba(0, 0, 0, 0.3);
$black_opacity_5: rgba(0, 0, 0, 0.5);

$white_light: #f8f8f8;
$light: #F1F1F1;
$white: #ffffff;

$blue: #2873EB;
$blue_opacity_1: rgba(40, 115, 235, 0.1);
$blue_opacity_3: rgba(40, 115, 235, 0.3);
$blue_opacity_8: rgba(40, 115, 235, 0.8);
$blue_shadow: rgba(40, 115, 235, 0.4);
$blue_light: #01B9FF;
$blue_light_0066ff: #0066FF;
$blue_light_0066ff_opacity_2: rgba(0, 102, 255, 0.2);
$blue_light_opacity_8: rgba(1, 185, 255, 0.8);
$blue_light_opacity_3: rgba(1, 185, 255, 0.3);
$blue_whiten: #B5CAEC;
$blue_d8: #D8E6FC;
$blue_d8_opacity_034: rgba(216, 230, 252, 0.34);

$gray: #707070;
$gray_opacity_1: rgba(112, 112, 112, 0.12);
$gray_75: #757575;
$gray_e6: #E6E6E6;
$gray_e8: #E8E8E8;
$gray_a3: #A3A3A3;
$gray_ec: #ECECEC;
$gray_e8_opacity_1: rgba(232, 232, 232, 0.11);
$gray_light: #C2C2C2;
$gray_light_opacity_3: rgba(194, 194, 194, 0.31);
$gray_c6: #c6c6c6;
$gray_c7: #c7c7c7;
$gray_bc: #BCBCBC;

$red: #C12121;
$red_cc: #CC0000;
$red_light: #FFCECE;
$red_whiten_FFCC: #FFCCCC;
$red_whiten: #FFCECE;

$green: #00AE5D;
