// B-Design Color Palette
@import 'colorPalette';
// New: Red Orange
@orange-base: #c62f0e;
@orange-10: #fff1ee;
@orange-20: #ffd9d1;
@orange-30: #ffac99;
@orange-40: #ff8064;
@orange-50: #e44f2f;
@orange-60: @orange-base;
@orange-70: #a0260c;
@orange-80: #741c08;
@orange-90: #4c1205;
@orange-100: #2e0b03;

@red-base: #c82727;
@red-10: #ffecec;
@red-20: #ffd4d4;
@red-30: #ffa9aa;
@red-40: #ff7576;
@red-50: #ec4344;
@red-60: @red-base;
@red-70: #a31f20;
@red-80: #751616;
@red-90: #4d0f0f;
@red-100: #2f0909;

@magenta-base: #c61e6e;
@magenta-10: #ffebf5;
@magenta-20: #ffd1e7;
@magenta-30: #ffa5d0;
@magenta-40: #ff76b7;
@magenta-50: #e44390;
@magenta-60: @magenta-base;
@magenta-70: #991755;
@magenta-80: #801347;
@magenta-90: #590e32;
@magenta-100: #33081c;

@purple-base: #7b38f4;
@purple-10: #f5eeff;
@purple-20: #e5d8ff;
@purple-30: #ceb3ff;
@purple-40: #b891ff;
@purple-50: #9860ff;
@purple-60: @purple-base;
@purple-70: #642eca;
@purple-80: #482191;
@purple-90: #30155d;
@purple-100: #1c0d38;

@blue-base: #1b58f4;
@blue-10: #ebf0ff;
@blue-20: #d1ddff;
@blue-30: #a6bfff;
@blue-40: #7ea3ff;
@blue-50: #457aff;
@blue-60: @blue-base;
@blue-70: #1548c9;
@blue-80: #0f348f;
@blue-90: #0a215c;
@blue-100: #0a215c;

// New: Blue Purple
@blue-purple-base: #6045ff;
@blue-purple-10: #f1efff;
@blue-purple-20: #e0d9ff;
@blue-purple-30: #c2b8ff;
@blue-purple-40: #a898ff;
@blue-purple-50: #816bff;
@blue-purple-60: @blue-purple-base;
@blue-purple-70: #4e38cf;
@blue-purple-80: #382894;
@blue-purple-90: #261c66;
@blue-purple-100: #160f3a;

// New: Azure
@azure-base: #006aba;
@azure-10: #e4f3ff;
@azure-20: #bfe3ff;
@azure-30: #7ec7ff;
@azure-40: #48acfa;
@azure-50: #0c85e0;
@azure-60: @azure-base;
@azure-70: #005698;
@azure-80: #003e6d;
@azure-90: #002846;
@azure-100: #00182a;

// New: Gold Green
@cold-green-base: #007855;
@cold-green-10: #dff5ef;
@cold-green-20: #b0ebda;
@cold-green-30: #7dd1b9;
@cold-green-40: #0ebc8b;
@cold-green-50: #029469;
@cold-green-60: @cold-green-base;
@cold-green-70: #006044;
@cold-green-80: #004531;
@cold-green-90: #002d1f;
@cold-green-100: #001b13;

// New: Gray
@gray-05: #f1f2f3; // 浅灰背景色
@gray-base: #60636b;
@gray-10: #edeef0;
@gray-15: #e6e7e8;
@gray-20: #d7d8db;
@gray-30: #babcc2;
@gray-40: #999ca3;
@gray-50: #7a7d85;
@gray-60: @gray-base;
@gray-70: #4b4d52;
@gray-80: #404145;
@gray-90: #303133;
@gray-95: #363739;
@gray-100: #222224;

// New: dark-Gray
// Deprecated
@dark-gray-base: #737373;
@dark-gray-10: #f3f3f3;
@dark-gray-20: #d9d9d9;
@dark-gray-30: #bebebe;
@dark-gray-40: #a6a6a6;
@dark-gray-50: #8c8c8c;
@dark-gray-60: @dark-gray-base;
@dark-gray-70: #595959;
@dark-gray-80: #404040;
@dark-gray-90: #252525;
@dark-gray-100: #1a1a1a;

// @NOTE: To be removed.
// Gray Hover
@gray-10-hover: #e5e5e5;
@gray-20-hover: #cccccc;
@gray-30-hover: #b3b3b3;
@gray-40-hover: #999999;
@gray-50-hover: #808080;
@gray-60-hover: #616161;
@gray-70-hover: #656565;
@gray-80-hover: #4c4c4c;
@gray-90-hover: #333333;
@gray-100-hover: #262626;
@secondary-component-background: #f5f6f7;

// Cloud gray
@cloud-gray-10: #edeef0;
@cloud-gray-20: #d4d6db;
@cloud-gray-30: #b8bbc2; // 4.置灰信息
@cloud-gray-40: #9b9fab;
@cloud-gray-50: #81848f; // 3.次要信息-辅助
@cloud-gray-60: #5e626b;
@cloud-gray-70: #474a52; // 2.次强调 - 正文
@cloud-gray-80: #3c3e45;
@cloud-gray-90: #2c2e33;
@cloud-gray-100: #1f2024; // 1.强调 - 正文标题

// Neutral gray
@neutral-gray-10: #f3f3f3;
@neutral-gray-20: #d9d9d9;
@neutral-gray-30: #bebebe;
@neutral-gray-40: #a6a6a6;
@neutral-gray-50: #8c8c8c;
@neutral-gray-60: #737373;
@neutral-gray-60: #595959;
@neutral-gray-60: #404040;
@neutral-gray-60: #252525;
@neutral-gray-60: #1a1a1a;
//只修改tag内部预设颜色
@bdesign-preset-colors: red, orange, magenta, purple, blue-purple, blue, azure, cold-green, gray;