// 功能色
// Brand1
// #F2F3FF
// Error1
// #FFF0ED
// Warning1
// #FFF1E9
// Success1
// #E3F9E9
// Light
// Light
// Light
// Light
// Brand2
// #D9E1FF
// Error2
// #FFD8D2
// Warning2
// #FFD9C2
// Success2
// #C6F3D7
// Focus
// Focus
// Focus
// Focus
// Brand3
// #B5C7FF
// Error3
// #FFB9B0
// Warning3
// #FFB98C
// Success3
// #92DAB2
// Disabled
// Disabled
// Disabled
// Disabled
// Brand4
// #8EABFF
// Error4
// #FF9285
// Warning4
// #FA9550
// Success4
// #56C08D
// Hover
// Hover
// Brand5
// #618DFF
// Error5
// #F6685D
// Warning5
// #E37318
// Success5
// #2BA471
// Hover
// Normal
// Normal
// Brand6
// #366EF4
// Error6
// #D54941
// Warning6
// #BE5A00
// Success6
// #008858
// Hover
// Normal
// Click
// Click
// Brand7
// #0052D9
// Error7
// #AD352F
// Warning7
// #954500
// Success7
// #006C45
// Normal
// Click
// Brand8
// #003CAB
// Error8
// #881F1C
// Warning8
// #713300
// Success8
// #005334
// Click
// Brand9
// #002A7C
// Error9
// #68070A
// Warning9
// #532300
// Success9
// #003B23
// Brand10
// #001A57
// Error10
// #490002
// Warning10
// #3B1700
// Success10
// #002515

@use 'sass:color';
@use 'sass:math';

@use '../mixins/function' as *;
@use '../mixins/config' as *;

$color-black: #000000;
$color-white: #ffffff;

// 主题色
$brand-1: #f2f3ff;
$brand-2: #d9e1ff;
$brand-3: #b5c7ff;
$brand-4: #8eabff;
$brand-5: #618dff;
$brand-6: #366ef4;
$brand-7: #2f54eb;
$brand-8: #003cab;
$brand-9: #002a7c;
$brand-10: #001a57;

// 错误色
$error-1: #fff0ed;
$error-2: #ffd8d2;
$error-3: #ffb9b0;
$error-4: #ff9285;
$error-5: #f6685d;
$error-6: #d54941;
$error-7: #ad352f;
$error-8: #881f1c;
$error-9: #68070a;
$error-10: #490002;

// 成功色
$success-1: #e3f9e9;
$success-2: #c6f3d7;
$success-3: #92dab2;
$success-4: #56c08d;
$success-5: #2ba471;
$success-6: #008858;
$success-7: #006c45;
$success-8: #005334;
$success-9: #003b23;
$success-10: #002515;

// 警告色
$warning-1: #fff1e9;
$warning-2: #ffd9c2;
$warning-3: #ffb98c;
$warning-4: #fa9550;
$warning-5: #e37318;
$warning-6: #be5a00;
$warning-7: #954500;
$warning-8: #713300;
$warning-9: #532300;
$warning-10: #3b1700;

// 链接色
$link-7: #2f54eb;
$link-8: #003cab;

// 白色
$white-1: #ffffff;

// Gray
$gray-1: #f3f3f3;
$gray-2: #eeeeee;
$gray-3: #e7e7e7;
$gray-4: #dcdcdc;
$gray-5: #c5c5c5;
$gray-6: #a6a6a6;
$gray-7: #8c8c8c;
$gray-8: #777777;
$gray-9: #5e5e5e;
$gray-10: #4b4b4b;
$gray-11: #383838;
$gray-12: #2c2c2c;
$gray-13: #242424;
$gray-14: #181818;

$text-gray-1: color.scale($color-black, $alpha: -10%);
$text-gray-2: color.scale($color-black, $alpha: -40%);
$text-gray-3: color.scale($color-black, $alpha: -60%);
$text-gray-4: color.scale($color-black, $alpha: -74%);

$text-white-1: $color-white;
$text-white-2: color.scale($color-white, $alpha: -65%);
$text-white-3: color.scale($color-white, $alpha: -45%);
$text-white-4: color.scale($color-white, $alpha: -78%);

$colos-list: (
  'brand': (
    1: $brand-1,
    2: $brand-2,
    3: $brand-3,
    4: $brand-4,
    5: $brand-5,
    6: $brand-6,
    7: $brand-7,
    8: $brand-8,
    9: $brand-9,
    10: $brand-10,
  ),
  'error': (
    1: $error-1,
    2: $error-2,
    3: $error-3,
    4: $error-4,
    5: $error-5,
    6: $error-6,
    7: $error-7,
    8: $error-8,
    9: $error-9,
    10: $error-10,
  ),
  'success': (
    1: $success-1,
    2: $success-2,
    3: $success-3,
    4: $success-4,
    5: $success-5,
    6: $success-6,
    7: $success-7,
    8: $success-8,
    9: $success-9,
    10: $success-10,
  ),
  'warning': (
    1: $warning-1,
    2: $warning-2,
    3: $warning-3,
    4: $warning-4,
    5: $warning-5,
    6: $warning-6,
    7: $warning-7,
    8: $warning-8,
    9: $warning-9,
    10: $warning-10,
  ),
  // 'link': (
  //   7: $link-7,
  //   8: $link-8,
  // ),
  'white':
    (
      1: $white-1,
    ),
  'gray': (
    1: $gray-1,
    2: $gray-2,
    3: $gray-3,
    4: $gray-4,
    5: $gray-5,
    6: $gray-6,
    7: $gray-7,
    8: $gray-8,
    9: $gray-9,
    10: $gray-10,
    11: $gray-11,
    12: $gray-12,
    13: $gray-13,
    14: $gray-14,
  ),
  // 'text-gray': (
  //   $text-gray-1,
  //   $text-gray-2,
  //   $text-gray-3,
  //   $text-gray-4,
  // ),
  // 'text-white': (
  //   $text-white-1,
  //   $text-white-2,
  //   $text-white-3,
  //   $text-white-4,
  // ),,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
);

$text-color-list: (
  'text-gray': (
    1: $text-gray-1,
    2: $text-gray-2,
    3: $text-gray-3,
    4: $text-gray-4,
  ),
  'text-white': (
    1: $text-white-1,
    2: $text-white-2,
    3: $text-white-3,
    4: $text-white-4,
  ),
);