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

/**
 * Base Colours v3
 */
const lime = {
  900: { value: '#0d220b' },
  800: { value: '#154311' },
  700: { value: '#186511' },
  600: { value: '#16860b' },
  500: { value: '#0ea800' },
  400: { value: '#2ec121' },
  300: { value: '#56d94a' },
  200: { value: '#85f27c' },
  100: { value: '#abfca4' },
  50: { value: '#caffc5' },
  25: { value: '#e4ffe2' },
};

const navy = {
  900: { value: '#0e182a' },
  800: { value: '#142c54' },
  700: { value: '#25406e' },
  600: { value: '#3a5687' },
  500: { value: '#5470a1' },
  400: { value: '#748eba' },
  300: { value: '#98aed4' },
  200: { value: '#c1d2ee' },
  100: { value: '#dae5f9' },
  50: { value: '#eaf1fd' },
  25: { value: '#f4f8fe' },
};

const ocean = {
  900: { value: '#161331' },
  800: { value: '#292363' },
  700: { value: '#3b3194' },
  600: { value: '#483bc5' },
  500: { value: '#6458d7' },
  400: { value: '#857ae9' },
  300: { value: '#a89ffb' },
  200: { value: '#cdc8ff' },
  100: { value: '#e4e1ff' },
  50: { value: '#f1efff' },
  25: { value: '#f8f7ff' },
};

const vermillion = {
  900: { value: '#361712' },
  800: { value: '#6d281c' },
  700: { value: '#a3301c' },
  600: { value: '#d93013' },
  500: { value: '#e84f34' },
  400: { value: '#f8715a' },
  300: { value: '#ff9684' },
  200: { value: '#ffbeb2' },
  100: { value: '#ffd8d1' },
  50: { value: '#ffe9e5' },
  25: { value: '#fff5f3' },
};

const grey = {
  900: { value: '#0f141e' },
  800: { value: '#232c3d' },
  700: { value: '#3c475b' },
  600: { value: '#556177' },
  500: { value: '#727d92' },
  400: { value: '#929cae' },
  300: { value: '#b5bcca' },
  200: { value: '#dbdee5' },
  100: { value: '#eff0f3' },
  50: { value: '#f8f8f9' },
  25: { value: '#fbfbfc' },
};

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

/**
 * @deprecated LUI-863 To be removed in the next major
 */
const shade = {
  1000: {
    value: '#000000',
    deprecated: true,
    deprecated_comment: 'Replace with the "black" color. Will be removed in next major.',
  },
  950: {
    value: '#0B0B0B',
    deprecated: true,
    deprecated_comment: 'Replace with the "grey" color. Will be removed in next major.',
  },
  ...grey,
  0: {
    value: '#FFFFFF',
    deprecated: true,
    deprecated_comment: 'Replace with the "white" color. Will be removed in next major.',
  },
};

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

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

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

export const base: ColorPalette<DesignToken> = {
  primary,
  secondary,
  tertiary,
  lime,
  navy,
  ocean,
  vermillion,
  grey,
  shade,
};