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

/**
 * Base Colours v1 (LUI Now)
 *
 * @see https://www.figma.com/file/tgquIt0gPjaosYSGkjm5IQ/Colours---Base-%26-Semantic?node-id=207%3A20457
 */

/**
 * @deprecated Use `turquoise` instead. LUI-863 To be removed in the next major
 */
export const primary = {
  950: { value: '#001310' },
  900: { value: '#002621' },
  800: { value: '#004C42' },
  700: { value: '#007363' },
  600: { value: '#329984' },
  500: { value: '#00C0A5' },
  400: { value: '#32CCB7' },
  300: { value: '#66D9C9' },
  200: { value: '#99E5DB' },
  100: { value: '#CCF2ED' },
  50: { value: '#E5F8F6' },
  25: { value: '#F2FBFA' },
};

/**
 @deprecated Use `turquoise` instead. LUI-863 To be removed in the next major
 */
export const secondary = {
  950: { value: '#01080A' },
  900: { value: '#021215' },
  800: { value: '#05242B' },
  700: { value: '#073641' },
  600: { value: '#0A4857' },
  500: { value: '#0D5A6D' },
  400: { value: '#3D7A8A' },
  300: { value: '#6D9CA7' },
  200: { value: '#9EBDC4' },
  100: { value: '#CEDEE1' },
  50: { value: '#E6EEF0' },
  25: { value: '#F2F6F7' },
};

/**
 @deprecated Use `turquoise` instead. LUI-863 To be removed in the next major
 */
export const tertiary = {
  950: { value: '#190B09' },
  900: { value: '#331613' },
  800: { value: '#662C27' },
  700: { value: '#99433B' },
  600: { value: '#CC594F' },
  500: { value: '#FF7063' },
  400: { value: '#FF8C82' },
  300: { value: '#FFA9A1' },
  200: { value: '#FFC5C0' },
  100: { value: '#FFE2DF' },
  50: { value: '#FFF0EF' },
  25: { value: '#FFF7F7' },
};

/**
 * Base Color v1 (LUI Now compatible)
 * @deprecated LUI-863 To be removed in the next major
 */
const shade = {
  1000: { value: '#000000' },
  950: { value: '#0B0B0B' },
  900: { value: '#171717' },
  800: { value: '#2F2F2F' },
  700: { value: '#474747' },
  600: { value: '#5F5F5F' },
  500: { value: '#777777' },
  400: { value: '#929292' },
  300: { value: '#ADADAD' },
  200: { value: '#C8C8C8' },
  100: { value: '#E3E3E3' },
  50: { value: '#F1F1F1' },
  25: { value: '#F8F8F8' },
  0: { value: '#FFFFFF' },
};

export const base: ColorPalette<DesignToken> = {
  primary,
  secondary,
  tertiary,
  shade,
};