@import "common/transition.scss";
@import "icon.scss";
html, body {
  font-family: Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,noto sans,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
}
body {
  // 主色
  // --modblue-6: 22,93,255;
  // --modblue-5: 64,128,255;
  // --modblue-7: 14,66,210;
  // --modblue-4: 106,161,255;
  // --modblue-3: 148,191,255;
  // --modblue-2: 190,218,255;
  // --modblue-1: 244,247,255;

  --primary-6: var(--modblue-6);
  --primary-5: var(--modblue-5);
  --primary-7: var(--modblue-7);
  --primary-4: var(--modblue-4);
  --primary-3: var(--modblue-3);
  --primary-2: var(--modblue-2);
  --primary-1: var(--modblue-1);


  --link-6: var(--modblue-6);
  --link-5: var(--modblue-5);
  --link-7: var(--modblue-7);
  --link-4: var(--modblue-4);
  --link-3: var(--modblue-3);
  --link-2: var(--modblue-2);
  --link-1: var(--modblue-1);

  // 成功色
  // --green-6: 0,180,42;
  // --green-5: 35,195,67;
  // --green-7: 0,154,41;
  // --green-4: 175,240,181;
  // --green-3: 123,225,136;
  // --green-2: 175,240,181;
  // --green-1: 232,255,234;

  --success-6: var(--green-6);
  --success-5: var(--green-5);
  --success-7: var(--green-7);
  --success-4: var(--green-4);
  --success-3: var(--green-3);
  --success-2: var(--green-2);
  --success-1: var(--green-1);

  // 警示色
  // --orange-6: 255,149,0;
  // --orange-5: 255,154,46;
  // --orange-7: 210,95,0;
  // --orange-4: 255,228,186;
  // --orange-3: 255,207,139;
  // --orange-2: 255,228,186;
  // --orange-1: 255,247,232;

  --warning-6: var(--orange-6);
  --warning-5: var(--orange-5);
  --warning-7: var(--orange-7);
  --warning-4: var(--orange-4);
  --warning-3: var(--orange-3);
  --warning-2: var(--orange-2);
  --warning-1: var(--orange-1);

  // 错误色
  // --red-6: 245,63,63;
  // --red-5: 247,101,96;
  // --red-7: 203,38,52;
  // --red-4: 253,205,197;
  // --red-3: 251,172,163;
  // --red-2: 253,205,197;
  // --red-1: 255,236,232;

  --danger-6: var(--red-6);
  --danger-5: var(--red-5);
  --danger-7: var(--red-7);
  --danger-4: var(--red-4);
  --danger-3: var(--red-3);
  --danger-2: var(--red-2);
  --danger-1: var(--red-1);

  // 颜色rgba
  --color-neutral-1: 252, 253, 255;
  --color-neutral-2: 247, 248, 250;
  --color-neutral-3: 242, 243, 245;
  --color-neutral-4: 233, 235, 242;
  --color-neutral-5: 229, 230, 235;
  --color-neutral-6: 201, 205, 212;
  --color-neutral-7: 134, 144, 156;
  --color-neutral-8: 78, 89, 105;
  --color-neutral-9: 29, 33, 41;

  // 边框颜色
  --color-border-1: var(--color-neutral-3);
  --color-border-2: var(--color-neutral-4);
  --color-border-3: var(--color-neutral-5);
  --color-border-4: var(--color-neutral-6);
  --color-border-5: var(--color-neutral-7);

  // 填充颜色
  --color-fill-1: var(--color-neutral-1);
  --color-fill-2: var(--color-neutral-2);
  --color-fill-3: var(--color-neutral-3);
  --color-fill-4: var(--color-neutral-5);
  --color-fill-5: var(--color-neutral-6);
  --color-fill-6: var(--color-neutral-8);

  // 文字颜色
  --color-text-1: var(--color-neutral-9);
  --color-text-2: var(--color-neutral-8);
  --color-text-3: var(--color-neutral-7);
  --color-text-4: var(--color-neutral-6);

  // 背景色
  --color-bg-1: var(--color-neutral-1);
  --color-bg-2: var(--color-neutral-2);
  --color-bg-3: var(--color-neutral-3);
  --color-bg-4: var(--color-neutral-5);
  --color-bg-5: var(--color-neutral-6);
  --color-bg-6: var(--color-neutral-8);

  // 圆角
  --border-radius-none: 0; // 直角
  --border-radius-small: 2px; // 圆角-常规
  --border-radius-medium: 4px; // 圆角-中等
  --border-radius-large: 8px; // 圆角-较大
  --border-radius-circle: 50%; // 圆角-全圆角

  // 字体大小
  --font-size-body-3: 14px; // 正文-常规-大
  --font-size-body-2: 13px; // 正文-常规-小
  --font-size-body-1: 12px; // 辅助文案/次要文案
  --font-size-body-4: 14px; // 正文段落-常规-大

  --font-size-title-1: 16px; // 标题-小
  --font-size-title-2: 20px; // 标题-中
  --font-size-title-3: 24px; // 标题-大

  --font-size-display-1: 36px; // 运营标题-小
  --font-size-display-2: 48px; // 运营标题-中
  --font-size-display-3: 56px; // 运营标题-大

  // 字重
  --font-weight-400: 400; // 常规
  --font-weight-500: 500; // 中等（加粗）
  --font-weight-600: 600; // 半粗
  --font-weight-700: 700; // 粗体
  --font-weight-800: 800; // 中黑

  // 边框宽度

  --border-none: 0; // 无边框
  --border-1: 1px; // 常规
  --border-2: 2px; // 较粗
  --border-3: 3px; // 粗

  // 阴影
  --shadow1-center: 0 2px 10px rgba(78, 89, 105, 0.1); // 阴影样式1
  --shadow2-center: 0 4px 16px rgba(78, 89, 105, 0.16); // 阴影样式2

  // 浪漫红
  // red
  --red-1:255, 236, 232;
  --red-2:253, 205, 197;
  --red-3:251, 172, 163;
  --red-4:249, 137, 129;
  --red-5:247, 101, 96;
  --red-6:245, 63, 63;
  --red-7:203, 39, 45;
  --red-8:161, 21, 30;
  --red-9:119, 8, 19;
  --red-10:77, 0, 10;

  // 晚秋红
  // orangered
  --orangered-1: 255, 243, 232;
  --orangered-2: 253, 221, 195;
  --orangered-3: 252, 197, 159;
  --orangered-4: 250, 172, 123;
  --orangered-5: 249, 144, 87;
  --orangered-6: 247, 114, 52;
  --orangered-7: 204, 81, 32;
  --orangered-8: 162, 53, 17;
  --orangered-9: 119, 31, 6;
  --orangered-10: 77, 14, 0;

  // 活力橙
  // orange
  --orange-1: 255, 247, 232;
  --orange-2: 255, 228, 186;
  --orange-3: 255, 207, 139;
  --orange-4: 255, 182, 93;
  --orange-5: 255, 154, 46;
  --orange-6: 255, 125, 0;
  --orange-7: 210, 95, 0;
  --orange-8: 166, 69, 0;
  --orange-9: 121, 46, 0;
  --orange-10: 77, 27, 0;

  // 黄昏
  // gold
  --gold-1: 255, 252, 232;
  --gold-2: 253, 244, 191;
  --gold-3: 252, 233, 150;
  --gold-4: 250, 220, 109;
  --gold-5: 249, 204, 69;
  --gold-6: 247, 186, 30;
  --gold-7: 204, 146, 19;
  --gold-8: 162, 109, 10;
  --gold-9: 119, 75, 4;
  --gold-10: 77, 45, 0;

  // 柠檬黄
  // yellow
  --yellow-1: 254, 255, 232;
  --yellow-2: 254, 254, 190;
  --yellow-3: 253, 250, 148;
  --yellow-4: 252, 242, 107;
  --yellow-5: 251, 232, 66;
  --yellow-6: 250, 220, 25;
  --yellow-7: 207, 175, 15;
  --yellow-8: 163, 132, 8;
  --yellow-9: 120, 93, 3;
  --yellow-10: 77, 56, 0;

  // 新生绿
  // lime
  --lime-1: 252, 255, 232;
  --lime-2: 237, 248, 187;
  --lime-3: 220, 241, 144;
  --lime-4: 201, 233, 104;
  --lime-5: 181, 226, 65;
  --lime-6: 159, 219, 29;
  --lime-7: 126, 183, 18;
  --lime-8: 95, 148, 10;
  --lime-9: 67, 112, 4;
  --lime-10: 42, 77, 0;

  // 仙野绿
  // green
  --green-1: 232, 255, 234;
  --green-2: 175, 240, 181;
  --green-3: 123, 225, 136;
  --green-4: 76, 210, 99;
  --green-5: 35, 195, 67;
  --green-6: 0, 180, 42;
  --green-7: 0, 154, 41;
  --green-8: 0, 128, 38;
  --green-9: 0, 102, 34;
  --green-10: 0, 77, 28;

  // 碧涛青
  // cyan
  --cyan-1: 232, 255, 251;
  --cyan-2: 183, 244, 236;
  --cyan-3: 137, 233, 224;
  --cyan-4: 94, 223, 214;
  --cyan-5: 55, 212, 207;
  --cyan-6: 20, 201, 201;
  --cyan-7: 13, 165, 170;
  --cyan-8: 7, 130, 139;
  --cyan-9: 3, 97, 108;
  --cyan-10: 0, 66, 77;

  // 海蔚蓝
  // blue
  --blue-1: 232, 247, 255;
  --blue-2: 195, 231, 254;
  --blue-3: 159, 212, 253;
  --blue-4: 123, 192, 252;
  --blue-5: 87, 169, 251;
  --blue-6: 52, 145, 250;
  --blue-7: 32, 108, 207;
  --blue-8: 17, 75, 163;
  --blue-9: 6, 48, 120;
  --blue-10: 0, 26, 77;

  // 极致蓝
  // modblue
  --modblue-1: 244, 247, 255;
  --modblue-2: 190, 218, 255;
  --modblue-3: 148, 191, 255;
  --modblue-4: 106, 161, 255;
  --modblue-5: 64, 128, 255;
  --modblue-6: 22, 93, 255;
  --modblue-7: 14, 66, 210;
  --modblue-8: 7, 44, 166;
  --modblue-9: 3, 26, 121;
  --modblue-10: 0, 13, 77;

  // 暗夜紫
  // purple
  --purple-1: 245, 232, 255;
  --purple-2: 221, 190, 246;
  --purple-3: 195, 150, 237;
  --purple-4: 168, 113, 227;
  --purple-5: 141, 78, 218;
  --purple-6: 114, 46, 209;
  --purple-7: 85, 29, 176;
  --purple-8: 60, 16, 143;
  --purple-9: 39, 6, 110;
  --purple-10: 22, 0, 77;

  // 青春紫
  // pinkpurple
  --pinkpurple-1: 255, 232, 251;
  --pinkpurple-2: 247, 186, 239;
  --pinkpurple-3: 240, 142, 230;
  --pinkpurple-4: 232, 101, 223;
  --pinkpurple-5: 225, 62, 219;
  --pinkpurple-6: 217, 26, 217;
  --pinkpurple-7: 176, 16, 182;
  --pinkpurple-8: 138, 9, 147;
  --pinkpurple-9: 101, 3, 112;
  --pinkpurple-10: 66, 0, 77;

  // 品红
  // magenta
  --magenta-1: 255, 232, 241;
  --magenta-2: 253, 194, 219;
  --magenta-3: 251, 157, 199;
  --magenta-4: 249, 121, 183;
  --magenta-5: 247, 84, 168;
  --magenta-6: 245, 49, 157;
  --magenta-7: 203, 30, 131;
  --magenta-8: 161, 16, 105;
  --magenta-9: 119, 6, 79;
  --magenta-10: 77, 0, 52;

  // 中性灰
  // grey
  --grey-1: 247, 248, 250;
  --grey-2: 242, 243, 245;
  --grey-3: 229, 230, 235;
  --grey-4: 201, 205, 212;
  --grey-5: 169, 174, 184;
  --grey-6: 134, 144, 156;
  --grey-7: 107, 119, 133;
  --grey-8: 78, 89, 105;
  --grey-9: 39, 46, 59;
  --grey-10: 29, 33, 41;

  // // 完整色盘
  // // 碧涛青 Cyan
  // --cyan-6: 15,198,194;
  // --cyan-5: 51,209,201;
  // --cyan-7: 10,165,168;
  // --cyan-3: 134,232,221;
  // --cyan-2: 181,244,234;
  // --cyan-1: 232,255,251;

  // // 晚秋红 Orange Red
  // --orangered-6: 247,114,52;
  // --orangered-5: 249,144,87;
  // --orangered-7: 204,81,32;
  // --orangered-3: 252,197,159;
  // --orangered-2: 253,221,195;
  // --orangered-1: 255,243,232;

  // // 黄昏 Gold
  // --gold-6: 247,186,30;
  // --gold-5: 249,204,69;
  // --gold-7: 204,146,19;
  // --gold-3: 252,233,150;
  // --gold-2: 253,244,191;
  // --gold-1: 255,252,232;

  // // 海蔚蓝 Blue
  // --blue-6: 52,145,250;
  // --blue-5: 87,169,251;
  // --blue-7: 32,108,207;
  // --blue-3: 159,212,253;
  // --blue-2: 195,231,254;
  // --blue-1: 232,247,255;

  // // 暗夜紫 Purple
  // --purple-6: 114,46,209;
  // --purple-5: 141,78,218;
  // --purple-7: 85,29,176;
  // --purple-3: 195,150,237;
  // --purple-2: 221,190,246;
  // --purple-1: 245,232,255;

  // // 柠檬黄 Yellow
  // --yellow-6: 250,220,25;
  // --yellow-5: 251,232,66;
  // --yellow-7: 207,175,15;
  // --yellow-3: 253,250,148;
  // --yellow-2: 254,254,190;
  // --yellow-1: 254,255,232;

  // // 新生绿 Lime
  // --lime-6: 159,219,29;
  // --lime-5: 181,226,65;
  // --lime-7: 126,183,18;
  // --lime-3: 220,241,144;
  // --lime-2: 237,248,187;
  // --lime-1: 252,255,232;

  // // 青春紫 Pink Purple
  // --pinkpurple-6: 217,26,217;
  // --pinkpurple-5: 225,62,219;
  // --pinkpurple-7: 176,16,182;
  // --pinkpurple-3: 240,142,230;
  // --pinkpurple-2: 247,186,239;
  // --pinkpurple-1: 255,232,251;

  // // 品红 Magenta
  // --magenta-6: 245,49,157;
  // --magenta-5: 247,84,168;
  // --magenta-7: 203,30,131;
  // --magenta-3: 251,157,199;
  // --magenta-2: 253,194,219;
  // --magenta-1: 255,232,241;

}