// 颜色定义：对应类型序号为先来后到原则进行升序排序

/* 品牌色*/
$brand-color-1: #0f1923;
$brand-color-2: #ece8e1;
$brand-color-3: #ff4655;

/* 功能色 */
$func-color-1: #e9634e;
$func-color-2: #7ed321;
$func-color-3: #fff;
$func-color-4: #000;
$func-color-5: #7e8c94;
$func-color-6: #f58453;
$func-color-7: #aeaeae;

/* 文本&图标色 */
$text-color-1: #9299c6;
$text-color-2: #596297;
$text-color-3: #09134e;
$text-color-4: rgba(255, 255, 255, .4);
$text-color-5: rgba(255, 255, 255, .5);
$text-color-6: rgba(255, 255, 255, .85);
$text-color-7: rgba(255, 255, 255, 1);
$text-color-8: rgba(250, 250, 250, .5);
$text-color-9: rgba(0, 0, 0, .6);
$text-color-10: #333;
$text-color-11: #848484;
$text-color-12: #e6e6e6;
$text-color-13: #212124;
$text-color-14: rgba(245, 88, 83);
$text-color-15: rgba(0, 0, 0, .8);

/* 中性色 */
$neutral-color-1: #e5e5e5;
$neutral-color-2: #f5f5f5;
$neutral-color-3: #fafafa;
$neutral-color-4: #dbdbdb;

/* 辅助色 */
$assist-color-1: #24b7af;
$assist-color-2: #f55853;
$assist-color-3: #e9b043;
$assist-color-4: #5070c3;
$assist-color-5: #00ffca;
$assist-color-6: #ffe9e9;
$assist-color-7: #ff7171;

/* 稀有度色 */
$rare-color-1: #f4985a;
$rare-color-2: #fad963;
$rare-color-3: #d1568c;
$rare-color-4: #16a2ec;
$rare-color-5: #009c81;

/* 金银铜色 */
$gold-color: #8e713b;
$silver-color: #4c616d;
$copper-color: #755131;

/* 渐变色板 */
$gradient-color-1: linear-gradient(180deg, #5b848e 0%, #395965 100%);
$gradient-color-2: linear-gradient(183.81deg, #6d6f3e 3.11%, #944633 96.87%);
$gradient-color-3: linear-gradient(188.99deg, #749a5f 6.81%, #297a58 93.16%);
$gradient-color-4: linear-gradient(183.81deg, #956a56 3.33%, #334772 97.08%);
$gradient-color-5: linear-gradient(108deg, rgb(245, 88, 83) 30.89%, rgb(245, 132, 83) 94.4%);

/* 保留历史项目色值 */
$themes: (
  valorantTheme: (
    //标准色
    standard: #fd4657,
    // 辅助色
    assistant: #0e1722,
    // 按钮色二级灰色
    btnMatch: #616161,
    // 按钮色三级灰色
    btnDisable: #eae7e2,
    // 底色
    bottomColor: #eae7e2,
    // 文字重点色
    fontEm: #56c6bc,
    // 置灰
    disableGray: #9b9b9b,
    // 品牌蓝
    brandBlue: #10aee8,
    // 品牌黄
    brandYellow: #ffc22b,
    // 品牌灰
    brandGray: #c7d2d8,
    // 品牌紫
    brandPurple: #bfa2ff,
    // 背景色
    background: #8c9790,
    // 边框灰色
    borderGray: #f0f3f7,
    // 白色
    brandWhite: #fff,
    // 黑色
    brandBlack: #000,
    // 次文字颜色
    textSub: #a0acb5,
    // 组件标题颜色
    textTitle: #1c1c1c,
    // 提示文字颜色
    textTips: #979797,
  ),
);

@mixin themis {
  @each $theme-name, $theme-map in $themes {
    $theme-map: $theme-map !global;
    @content;
  }
}

@function themed($key) {
  @return map-get($theme-map, $key);
}

@mixin background-color($color) {
  @include themis {
    background-color: themed($color)
  }
}

@mixin font-color($color) {
  @include themis {
    color: themed($color);
  }
}

@mixin border-color($color) {
  @include themis {
    border-color: themed($color);
  }
}