/**
 * Color Primary
 */
export const ColorPrimary10 = '#4D1700';
export const ColorPrimary9 = '#782800';
export const ColorPrimary8 = '#A33C00';
export const ColorPrimary7 = '#CF5300';
export const ColorPrimary6 = '#F56A00';
export const ColorPrimary5 = '#FB8D2E';
export const ColorPrimary4 = '#FCAC5C';
export const ColorPrimary3 = '#FDC78A';
export const ColorPrimary2 = '#FEE0B9';
export const ColorPrimary1 = '#FFF2DE';

/**
 * Color Success
 */
export const ColorSuccess10 = '#004D2B';
export const ColorSuccess9 = '#036A3A';
export const ColorSuccess8 = '#078747';
export const ColorSuccess7 = '#0DA554';
export const ColorSuccess6 = '#15C260';
export const ColorSuccess5 = '#37CE74';
export const ColorSuccess4 = '#5EDA8B';
export const ColorSuccess3 = '#88E7A7';
export const ColorSuccess2 = '#B6F3C8';
export const ColorSuccess1 = '#E8FFEE';

/**
 * Color Warning
 */
export const ColorWarning10 = '#4D2F00';
export const ColorWarning9 = '#764D01';
export const ColorWarning8 = '#AF7801';
export const ColorWarning7 = '#E4A500';
export const ColorWarning6 = '#F6BC0E';
export const ColorWarning5 = '#F5CA31';
export const ColorWarning4 = '#FDDF57';
export const ColorWarning3 = '#FFED86';
export const ColorWarning2 = '#FAF2AA';
export const ColorWarning1 = '#FFFACD';

/**
 * Color Danger
 */
export const ColorDanger10 = '#4D000F';
export const ColorDanger9 = '#75091B';
export const ColorDanger8 = '#9E182A';
export const ColorDanger7 = '#C72D3C';
export const ColorDanger6 = '#F04853';
export const ColorDanger5 = '#F3676B';
export const ColorDanger4 = '#F68686';
export const ColorDanger3 = '#F9A9A6';
export const ColorDanger2 = '#FFD3D3';
export const ColorDanger1 = '#FFF1F1';

/**
 * Color Remind
 */
export const ColorRemind10 = '#16004D';
export const ColorRemind9 = '#130671';
export const ColorRemind8 = '#251096';
export const ColorRemind7 = '#3B1FBB';
export const ColorRemind6 = '#5731E0';
export const ColorRemind5 = '#7752E6';
export const ColorRemind4 = '#9775EC';
export const ColorRemind3 = '#B69AF3';
export const ColorRemind2 = '#DFD1FA';
export const ColorRemind1 = '#F6EBFF';

/**
 * Color Process
 */
export const ColorProcess10 = '#00224D';
export const ColorProcess9 = '#013B78';
export const ColorProcess8 = '#0456A3';
export const ColorProcess7 = '#0775CF';
export const ColorProcess6 = '#0C97FA';
export const ColorProcess5 = '#37BOFB';
export const ColorProcess4 = '#63C6FC';
export const ColorProcess3 = '#8FDAFD';
export const ColorProcess2 = '#C1EBFC';
export const ColorProcess1 = '#E8F9FF';

/**
 * Color Data1
 */
export const ColorDataOne10 = '#2A4D00';
export const ColorDataOne9 = '#3F6609';
export const ColorDataOne8 = '#567F15';
export const ColorDataOne7 = '#709827';
export const ColorDataOne6 = '#8CB13C';
export const ColorDataOne5 = '#A3C157';
export const ColorDataOne4 = '#BAD076';
export const ColorDataOne3 = '#D0E099';
export const ColorDataOne2 = '#E4F0B2';
export const ColorDataOne1 = '#F6FADB';

/**
 * Color Data2
 */
export const ColorDataTwo10 = '#40004D';
export const ColorDataTwo9 = '#5E056C';
export const ColorDataTwo8 = '#7F0E8B';
export const ColorDataTwo7 = '#A11AAB';
export const ColorDataTwo6 = '#C529CA';
export const ColorDataTwo5 = '#D549D5';
export const ColorDataTwo4 = '#DF6CDB';
export const ColorDataTwo3 = '#EA93E4';
export const ColorDataTwo2 = '#FAC8F5';
export const ColorDataTwo1 = '#FFE8FC';

/**
 * Color Gray
 */
export const ColorGray9 = '#181721';
export const ColorGray8 = '#413F57';
export const ColorGray7 = '#696680';
export const ColorGray6 = '#838099';
export const ColorGray5 = '#B3B2C2';
export const ColorGray4 = '#DADAE3';
export const ColorGray3 = '#EBEBF0';
export const ColorGray2 = '#F5F5F7';
export const ColorGray1 = '#FFFFFF';

/**
 * Color Border
 */
export const ColorBorder4 = ColorPrimary6;
export const ColorBorder3 = ColorGray8;
export const ColorBorder2 = ColorGray6;
export const ColorBorder1 = ColorGray4;

/**
 * Color Fill
 */
export const ColorFill6 = ColorGray8;
export const ColorFill5 = ColorGray6;
export const ColorFill4 = ColorGray5;
export const ColorFill3 = ColorGray4;
export const ColorFill2 = ColorGray3;
export const ColorFill1 = ColorGray2;

/**
 * Color Text
 */
export const ColorText6 = ColorGray9;
export const ColorText5 = ColorGray8;
export const ColorText4 = ColorGray7;
export const ColorText3 = ColorGray6;
export const ColorText2 = ColorGray5;
export const ColorText1 = ColorGray1;

/**
 * Color Background
 */
export const ColorBg2 = ColorGray8;
export const ColorBg1 = ColorGray1;

/**
 * Color Line
 */
export const ColorLine1 = ColorGray4;

/**
 * Size Spacing
 */
export const SpacingNone = 0;
export const Spacing1 = 4;
export const Spacing2 = 8;
export const Spacing3 = 16;
export const Spacing4 = 24;
export const Spacing5 = 40;
export const Spacing6 = 56;

/**
 * Size Component
 */
export const SizeMini = 24;
export const SizeSmall = 32;
export const SizeDefault = 40;
export const SizeLarge = 48;
export const SizeMax = 72;

/**
 * Size Border Width
 */
export const BorderNone = 0;
export const Border1 = 1;
export const Border2 = 2;

/**
 * Size Border Radius
 */
export const BorderRadiusNone = 0;
export const BorderRadiusMini = 4;
export const BorderRadiusSmall = 8;
export const BorderRadiusMedium = 16;
export const BorderRadiusLarge = 24;
export const BorderRadiusMax = 96;

/**
 * APP 没有 Shadow
 */
export const ShadowCenter1 = '';
export const ShadowCenter2 = '';

/**
 * Smegma
 */
export const Smegma1 = 'rgba(24, 23, 33, 0.4)';

/**
 * Line Height
 */
export const LineHeight1 = 40;
export const LineHeight2 = 32;
export const LineHeight3 = 24;
export const LineHeight4 = 22;
export const LineHeight5 = 20;

export const FontSize1 = 12;
export const FontSize2 = 14;
export const FontSize3 = 16;
export const FontSize4 = 22;
export const FontSize5 = 28;

export const THEME_TOKEN = Object.freeze({
  '--color-primary-1': ColorPrimary1,
  '--color-primary-2': ColorPrimary2,
  '--color-primary-3': ColorPrimary3,
  '--color-primary-4': ColorPrimary4,
  '--color-primary-5': ColorPrimary5,
  '--color-primary-6': ColorPrimary6,
  '--color-primary-7': ColorPrimary7,
  '--color-primary-8': ColorPrimary8,
  '--color-primary-9': ColorPrimary9,
  '--color-primary-10': ColorPrimary10,

  //
  '--color-success-1': ColorSuccess1,
  '--color-success-2': ColorSuccess2,
  '--color-success-3': ColorSuccess3,
  '--color-success-4': ColorSuccess4,
  '--color-success-5': ColorSuccess5,
  '--color-success-6': ColorSuccess6,
  '--color-success-7': ColorSuccess7,
  '--color-success-8': ColorSuccess8,
  '--color-success-9': ColorSuccess9,
  '--color-success-10': ColorSuccess10,

  //
  '--color-warning-1': ColorWarning1,
  '--color-warning-2': ColorWarning2,
  '--color-warning-3': ColorWarning3,
  '--color-warning-4': ColorWarning4,
  '--color-warning-5': ColorWarning5,
  '--color-warning-6': ColorWarning6,
  '--color-warning-7': ColorWarning7,
  '--color-warning-8': ColorWarning8,
  '--color-warning-9': ColorWarning9,
  '--color-warning-10': ColorWarning10,

  //
  '--color-danger-1': ColorDanger1,
  '--color-danger-2': ColorDanger2,
  '--color-danger-3': ColorDanger3,
  '--color-danger-4': ColorDanger4,
  '--color-danger-5': ColorDanger5,
  '--color-danger-6': ColorDanger6,
  '--color-danger-7': ColorDanger7,
  '--color-danger-8': ColorDanger8,
  '--color-danger-9': ColorDanger9,
  '--color-danger-10': ColorDanger10,

  //
  '--color-remind-1': ColorRemind1,
  '--color-remind-2': ColorRemind2,
  '--color-remind-3': ColorRemind3,
  '--color-remind-4': ColorRemind4,
  '--color-remind-5': ColorRemind5,
  '--color-remind-6': ColorRemind6,
  '--color-remind-7': ColorRemind7,
  '--color-remind-8': ColorRemind8,
  '--color-remind-9': ColorRemind9,
  '--color-remind-10': ColorRemind10,

  // process color
  '--color-process-1': ColorProcess1,
  '--color-process-2': ColorProcess2,
  '--color-process-3': ColorProcess3,
  '--color-process-4': ColorProcess4,
  '--color-process-5': ColorProcess5,
  '--color-process-6': ColorProcess6,
  '--color-process-7': ColorProcess7,
  '--color-process-8': ColorProcess8,
  '--color-process-9': ColorProcess9,
  '--color-process-10': ColorProcess10,

  //
  '--color-data1-1': ColorDataOne1,
  '--color-data1-2': ColorDataOne2,
  '--color-data1-3': ColorDataOne3,
  '--color-data1-4': ColorDataOne4,
  '--color-data1-5': ColorDataOne5,
  '--color-data1-6': ColorDataOne6,
  '--color-data1-7': ColorDataOne7,
  '--color-data1-8': ColorDataOne8,
  '--color-data1-9': ColorDataOne9,
  '--color-data1-10': ColorDataOne10,

  //
  '--color-data2-1': ColorDataTwo1,
  '--color-data2-2': ColorDataTwo2,
  '--color-data2-3': ColorDataTwo3,
  '--color-data2-4': ColorDataTwo4,
  '--color-data2-5': ColorDataTwo5,
  '--color-data2-6': ColorDataTwo6,
  '--color-data2-7': ColorDataTwo7,
  '--color-data2-8': ColorDataTwo8,
  '--color-data2-9': ColorDataTwo9,
  '--color-data2-10': ColorDataTwo10,

  //
  '--color-gray-1': ColorGray1,
  '--color-gray-2': ColorGray2,
  '--color-gray-3': ColorGray3,
  '--color-gray-4': ColorGray4,
  '--color-gray-5': ColorGray5,
  '--color-gray-6': ColorGray6,
  '--color-gray-7': ColorGray7,
  '--color-gray-8': ColorGray8,
  '--color-gray-9': ColorGray9,

  //
  '--color-border-1': ColorBorder1,
  '--color-border-2': ColorBorder2,
  '--color-border-3': ColorBorder3,
  '--color-border-4': ColorBorder4,

  //
  '--color-fill-1': ColorFill1,
  '--color-fill-2': ColorFill2,
  '--color-fill-3': ColorFill3,
  '--color-fill-4': ColorFill4,
  '--color-fill-5': ColorFill5,
  '--color-fill-6': ColorFill6,

  //
  '--color-text-1': ColorText1,
  '--color-text-2': ColorText2,
  '--color-text-3': ColorText3,
  '--color-text-4': ColorText4,
  '--color-text-5': ColorText5,
  '--color-text-6': ColorText6,

  //
  '--color-bg-1': ColorBg1,
  '--color-bg-2': ColorBg2,

  //
  '--color-line-1': ColorLine1,

  //
  '--spacing-none': SpacingNone,
  '--spacing-1': Spacing1,
  '--spacing-2': Spacing2,
  '--spacing-3': Spacing3,
  '--spacing-4': Spacing4,
  '--spacing-5': Spacing5,
  '--spacing-6': Spacing6,

  //
  '--size-mini': SizeMini,
  '--size-small': SizeSmall,
  '--size-default': SizeDefault,
  '--size-large': SizeLarge,
  '--size-max': SizeMax,

  //
  '--border-none': BorderNone,
  '--border-1': Border1,
  '--border-2': Border2,

  //
  '--border-radius-none': BorderRadiusNone,
  '--border-radius-mini': BorderRadiusMini,
  '--border-radius-small': BorderRadiusSmall,
  '--border-radius-medium': BorderRadiusMedium,
  '--border-radius-large': BorderRadiusLarge,
  '--border-radius-max': BorderRadiusMax,

  //
  '--smegma-1': Smegma1,

  //
  '--line-height-1': LineHeight1,
  '--line-height-2': LineHeight2,
  '--line-height-3': LineHeight3,
  '--line-height-4': LineHeight4,
  '--line-height-5': LineHeight5,

  //
  '--font-size-1': FontSize1,
  '--font-size-2': FontSize2,
  '--font-size-3': FontSize3,
  '--font-size-4': FontSize4,
  '--font-size-5': FontSize5,
});

export type Token = {
  [Key in keyof typeof THEME_TOKEN]: (typeof THEME_TOKEN)[Key] extends string
    ? string
    : number;
};