import { DesignToken } from 'style-dictionary';
import { ColorPalette } from '../../types';

/**
 * Base Colours v3
 */
// Interactive
const ultramarine = {
  900: { value: '#171b3d' },
  800: { value: '#29337b' },
  700: { value: '#3645b8' },
  600: { value: '#3d53f5' },
  500: { value: '#5e72ff' },
  400: { value: '#8291ff' },
  300: { value: '#a9b3ff' },
  200: { value: '#d3d8ff' },
  100: { value: '#eaecff' },
  50: { value: '#f6f7ff' },
  25: { value: '#fbfbff' },
};

// Basic
const transparent = {
  0: { value: 'transparent' },
};
const white = {
  0: { value: '#ffffff' },
};
const black = {
  1000: { value: '#000000' },
};

const green = {
  900: { value: '#0d2210' },
  800: { value: '#18451f' },
  700: { value: '#21672d' },
  600: { value: '#288a38' },
  500: { value: '#2cac41' },
  400: { value: '#4cc460' },
  300: { value: '#73dc84' },
  200: { value: '#a0f4ae' },
  100: { value: '#c1fecb' },
  50: { value: '#d9ffdf' },
  25: { value: '#ecffef' },
};

const red = {
  900: { value: '#331314' },
  800: { value: '#662022' },
  700: { value: '#99282c' },
  600: { value: '#cc2b30' },
  500: { value: '#ff282f' },
  400: { value: '#ff5158' },
  300: { value: '#ff7f84' },
  200: { value: '#ffafb2' },
  100: { value: '#ffcfd1' },
  50: { value: '#ffe5e6' },
  25: { value: '#fff3f3' },
};

const orange = {
  900: { value: '#321e12' },
  800: { value: '#65391f' },
  700: { value: '#975027' },
  600: { value: '#ca6429' },
  500: { value: '#fc7426' },
  400: { value: '#ff904f' },
  300: { value: '#ffac7c' },
  200: { value: '#ffcbad' },
  100: { value: '#ffe0ce' },
  50: { value: '#ffeee4' },
  25: { value: '#fff7f2' },
};

// Feedback
const blue = {
  900: { value: '#112431' },
  800: { value: '#1d4562' },
  700: { value: '#216393' },
  600: { value: '#207fc4' },
  500: { value: '#1898f5' },
  400: { value: '#42b0ff' },
  300: { value: '#70c3ff' },
  200: { value: '#a2d8ff' },
  100: { value: '#c5e7ff' },
  50: { value: '#def1ff' },
  25: { value: '#f0f9ff' },
};

/**
 * Base Color v1 (LUI Now)
 */

/**
 * @deprecated LUI-863 To be removed in the next major
 */
const info = {
  950: {
    value: blue['900'].value,
    deprecated: true,
    deprecated_comment: 'Replace with the "blue" color. Will be removed in next major.',
  },
  ...blue,
};

/**
 * @deprecated LUI-863 To be removed in the next major
 */
const error = {
  950: {
    value: red['900'].value,
    deprecated: true,
    deprecated_comment: 'Replace with the "red" color. Will be removed in next major.',
  },
  ...red,
};

/**
 * @deprecated LUI-863 To be removed in the next major
 */
const success = {
  950: {
    value: green['900'].value,
    deprecated: true,
    deprecated_comment: 'Replace with the "green" color. Will be removed in next major.',
  },
  ...green,
};

/**
 @deprecated LUI-863 To be removed in the next major
 */
const warn = {
  950: {
    value: orange['900'].value,
    deprecated: true,
    deprecated_comment: 'Replace with the "orange" color. Will be removed in next major.',
  },
  ...orange,
};

export const base: ColorPalette<DesignToken> = {
  info,
  error,
  success,
  warn,
  ultramarine,
  transparent,
  white,
  black,
  green,
  red,
  orange,
  blue,
};