/**
 *
 * This file may have been modified by Bytedance Inc. (“Bytedance Inc.'s Modifications”). 
 * All Bytedance Inc.'s Modifications are Copyright (year) Bytedance Inc..  
 * 
 * This source code is licensed under the Apache license.
 * See LICENSE file in the project root for license information.
 *
 */
/* ------------- new ------------- */
// Blue
@Blue-0: #001859; // color-base
@Blue-1: #002480; // color-base
@Blue-2: #0036b2; // color-base
@Blue-3: #1556d9; // color-base
@Blue-4: #1966ff; // color-base
@Blue-5: #4784ff; // color-base
@Blue-6: #669eff; // color-base
@Blue-7: #8cb8ff; // color-base
@Blue-8: #bfd9ff; // color-base
@Blue-9: #ebf3ff; // color-base
@Blue-10: #f0f6ff; // color-base
// Red
@Red-0: #800017; // color-base
@Red-1: #a6001c; // color-base
@Red-2: #cc0624; // color-base
@Red-3: #f21331; // color-base
@Red-4: #ff3b52; // color-base
@Red-5: #ff6171; // color-base
@Red-6: #ff8791; // color-base
@Red-7: #ffadb3; // color-base
@Red-8: #ffd4d6; // color-base
@Red-9: #ffe5e6; // color-base
@Red-10: #fff5f5; // color-base

// Green
@Green-0: #05331f; // color-base
@Green-1: #0d5937; // color-base
@Green-2: #198050; // color-base
@Green-3: #29a66a; // color-base
@Green-4: #3cc781; // color-base
@Green-5: #5fd498; // color-base
@Green-6: #87e0b1; // color-base
@Green-7: #a6edc6; // color-base
@Green-8: #c4f5d9; // color-base
@Green-9: #e3faec; // color-base
@Green-10: #f2faf5; // color-base

// Orange
@Orange-0: #591f00; // color-base
@Orange-1: #802f00; // color-base
@Orange-2: #b24400; // color-base
@Orange-3: #d96e0b; // color-base
@Orange-4: #ff9226; // color-base
@Orange-5: #ffa94d; // color-base
@Orange-6: #ffbe73; // color-base
@Orange-7: #ffd199; // color-base
@Orange-8: #ffdfb5; // color-base
@Orange-9: #ffecd1; // color-base
@Orange-10: #fff8ed; // color-base

// Yellow
@Yellow-0: #593d00; // color-base
@Yellow-1: #805b00; // color-base
@Yellow-2: #b28600; // color-base
@Yellow-3: #d9ac0b; // color-base
@Yellow-4: #ffd30d; // color-base
@Yellow-5: #ffde33; // color-base
@Yellow-6: #ffe659; // color-base
@Yellow-7: #ffee80; // color-base
@Yellow-8: #faf0a2; // color-base
@Yellow-9: #faf5cd; // color-base
@Yellow-10: #fffef0; // color-base

// Purple
@Purple-0: #430459; // color-base
@Purple-1: #5f0d80; // color-base
@Purple-2: #7b19a6; // color-base
@Purple-3: #9829cc; // color-base
@Purple-4: #a234d9; // color-base
@Purple-5: #c966ff; // color-base
@Purple-6: #d58cff; // color-base
@Purple-7: #e2b2ff; // color-base
@Purple-8: #f0d9ff; // color-base
@Purple-9: #f8edff; // color-base
@Purple-10: #fbf5ff; // color-base

// Pink
@Pink-0: #660542; // color-base
@Pink-1: #8c0e5c; // color-base
@Pink-2: #b21b76; // color-base
@Pink-3: #d92b90; // color-base
@Pink-4: #ff42ad; // color-base
@Pink-5: #ff66ba; // color-base
@Pink-6: #ff8cc9; // color-base
@Pink-7: #ffb2da; // color-base
@Pink-8: #ffd9ec; // color-base
@Pink-9: #ffedf6; // color-base
@Pink-10: #fff5fa; // color-base

// Lake-blue
@Lake-blue-0: #003566; // color-base
@Lake-blue-1: #074e8c; // color-base
@Lake-blue-2: #1069b2; // color-base
@Lake-blue-3: #1e88d9; // color-base
@Lake-blue-4: #30a9ff; // color-base
@Lake-blue-5: #59bdff; // color-base
@Lake-blue-6: #80ceff; // color-base
@Lake-blue-7: #a6deff; // color-base
@Lake-blue-8: #ccedff; // color-base
@Lake-blue-9: #e5f6ff; // color-base
@Lake-blue-10: #f5fcff; // color-base

// Light-blue
@Light-blue-0: #004659; // color-base
@Light-blue-1: #006680; // color-base
@Light-blue-2: #0889a6; // color-base
@Light-blue-3: #14adcc; // color-base
@Light-blue-4: #24d3f2; // color-base
@Light-blue-5: #4be3fa; // color-base
@Light-blue-6: #70eafa; // color-base
@Light-blue-7: #96f0fa; // color-base
@Light-blue-8: #bdf7fc; // color-base
@Light-blue-9: #e3fbfc; // color-base
@Light-blue-10: #f5feff; // color-base

// Gray
@Gray-0: #000000; // color-base
@Gray-1: #252931; // color-base
@Gray-2: #565960; // color-base
@Gray-3: #898b8f; // color-base
@Gray-4: #bcbdc0; // color-base
@Gray-5: #dcdee1; // color-base
@Gray-6: #eeeff0; // color-base
@Gray-7: #f3f4f5; // color-base
@Gray-8: #f8f9fa; // color-base
@Gray-9: #ffffff; // color-base

// Black
@Black: #000000; // color-base
// White
@White: #ffffff; // color-base

// Font-Size
@Font-Size-0: 12px;
@Font-Size-1: 14px;
@Font-Size-2: 16px;
@Font-Size-3: 18px;
@Font-Size-4: 20px;
@Font-Size-5: 22px;
@Font-Size-6: 24px;
@Font-Size-7: 26px;
@Font-Size-8: 28px;
@Font-Size-9: 32px;
@Font-Size-10: 48px;

// Font-Lineheight
@Font-Lineheight-0: 16px;
@Font-Lineheight-1: 20px;
@Font-Lineheight-2: 22px;
@Font-Lineheight-3: 24px;
@Font-Lineheight-4: 28px;
@Font-Lineheight-5: 30px;
@Font-Lineheight-6: 32px;
@Font-Lineheight-7: 36px;
@Font-Lineheight-8: 40px;
@Font-Lineheight-9: 46px;
@Font-Lineheight-10: 64px;

// Font-Weight
@Font-Weight-0: 300; //light
@Font-Weight-1: 400; //regular
@Font-Weight-2: 500; //medium
@Font-Weight-3: 600; //bold

// Spacing
@Spacing-0: 0px;
@Spacing-1: 2px;
@Spacing-2: 4px;
@Spacing-3: 6px;
@Spacing-4: 8px;
@Spacing-5: 10px;
@Spacing-6: 12px;
@Spacing-7: 14px;
@Spacing-8: 16px;
@Spacing-9: 18px;
@Spacing-10: 20px;
@Spacing-11: 22px;
@Spacing-12: 24px;
@Spacing-13: 26px;
@Spacing-14: 28px;
@Spacing-15: 30px;
@Spacing-16: 32px;
@Spacing-17: 34px;
@Spacing-18: 36px;
@Spacing-19: 38px;
@Spacing-20: 40px;
@Spacing-21: 42px;
@Spacing-22: 44px;
@Spacing-23: 46px;
@Spacing-24: 48px;
@Spacing-25: 50px;
@Spacing-26: 52px;
@Spacing-27: 54px;
@Spacing-28: 56px;
@Spacing-29: 58px;
@Spacing-30: 60px;
@Spacing-31: 62px;
@Spacing-32: 64px;
@Spacing-33: 66px;
@Spacing-34: 68px;
@Spacing-35: 70px;
@Spacing-36: 72px;
@Spacing-37: 74px;
@Spacing-38: 76px;
@Spacing-39: 78px;
@Spacing-40: 80px;
@Spacing-41: 82px;
@Spacing-42: 84px;
@Spacing-43: 86px;
@Spacing-44: 88px;
@Spacing-45: 90px;
@Spacing-46: 92px;
@Spacing-47: 94px;
@Spacing-48: 96px;
@Spacing-49: 98px;
@Spacing-50: 100px;

// Line
@Line-types-0: solid;
@Line-types-1: dashed;

@Line-width-0: 0.5px;
@Line-width-1: 1px;

// Corner
@Corner-0: 0px;
@Corner-1: 2px;
@Corner-2: 4px;
@Corner-3: 6px;
@Corner-4: 8px;
@Corner-5: 10px;
@Corner-6: 12px;
@Corner-7: 14px;
@Corner-8: 16px;
@Corner-9: 18px;
@Corner-10: 20px;
@Corner-11: 22px;
@Corner-12: 24px;
@Corner-13: 26px;
@Corner-14: 28px;
@Corner-15: 30px;
@Corner-16: 32px;
@Corner-17: 34px;
@Corner-18: 36px;
@Corner-19: 38px;
@Corner-20: 40px;
@Corner-circle: 50%;

// Opacity
@Opacity-0: 0%;
@Opacity-1: 1%;
@Opacity-2: 2%;
@Opacity-3: 3%;
@Opacity-4: 4%;
@Opacity-5: 5%;
@Opacity-6: 6%;
@Opacity-7: 7%;
@Opacity-8: 8%;
@Opacity-9: 9%;
@Opacity-10: 10%;
@Opacity-11: 11%;
@Opacity-12: 12%;
@Opacity-13: 13%;
@Opacity-14: 14%;
@Opacity-15: 15%;
@Opacity-16: 16%;
@Opacity-17: 17%;
@Opacity-18: 18%;
@Opacity-19: 19%;
@Opacity-20: 20%;
@Opacity-21: 21%;
@Opacity-22: 22%;
@Opacity-23: 23%;
@Opacity-24: 24%;
@Opacity-25: 25%;
@Opacity-26: 26%;
@Opacity-27: 27%;
@Opacity-28: 28%;
@Opacity-29: 29%;
@Opacity-30: 30%;
@Opacity-31: 31%;
@Opacity-32: 32%;
@Opacity-33: 33%;
@Opacity-34: 34%;
@Opacity-35: 35%;
@Opacity-36: 36%;
@Opacity-37: 37%;
@Opacity-38: 38%;
@Opacity-39: 39%;
@Opacity-40: 40%;
@Opacity-41: 41%;
@Opacity-42: 42%;
@Opacity-43: 43%;
@Opacity-44: 44%;
@Opacity-45: 45%;
@Opacity-46: 46%;
@Opacity-47: 47%;
@Opacity-48: 48%;
@Opacity-49: 49%;
@Opacity-50: 50%;
@Opacity-51: 51%;
@Opacity-52: 52%;
@Opacity-53: 53%;
@Opacity-54: 54%;
@Opacity-55: 55%;
@Opacity-56: 56%;
@Opacity-57: 57%;
@Opacity-58: 58%;
@Opacity-59: 59%;
@Opacity-60: 60%;
@Opacity-61: 61%;
@Opacity-62: 62%;
@Opacity-63: 63%;
@Opacity-64: 64%;
@Opacity-65: 65%;
@Opacity-66: 66%;
@Opacity-67: 67%;
@Opacity-68: 68%;
@Opacity-69: 69%;
@Opacity-70: 70%;
@Opacity-71: 71%;
@Opacity-72: 72%;
@Opacity-73: 73%;
@Opacity-74: 74%;
@Opacity-75: 75%;
@Opacity-76: 76%;
@Opacity-77: 77%;
@Opacity-78: 78%;
@Opacity-79: 79%;
@Opacity-80: 80%;
@Opacity-81: 81%;
@Opacity-82: 82%;
@Opacity-83: 83%;
@Opacity-84: 84%;
@Opacity-85: 85%;
@Opacity-86: 86%;
@Opacity-87: 87%;
@Opacity-88: 88%;
@Opacity-89: 89%;
@Opacity-90: 90%;
@Opacity-91: 91%;
@Opacity-92: 92%;
@Opacity-93: 93%;
@Opacity-94: 94%;
@Opacity-95: 95%;
@Opacity-96: 96%;
@Opacity-97: 97%;
@Opacity-98: 98%;
@Opacity-99: 99%;
@Opacity-100: 100%;

// 字体
@font-family: 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans',
  'Noto Sans CJK SC', 'Microsoft YaHei', '微软雅黑', sans-serif;