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

/**
 * Base Colours v3
 */
const purple = {
  900: { value: '#1a0d23' },
  800: { value: '#331745' },
  700: { value: '#4b1f68' },
  600: { value: '#633482' },
  500: { value: '#7d4e9c' },
  400: { value: '#996db7' },
  300: { value: '#b791d1' },
  200: { value: '#d8bbeb' },
  100: { value: '#e9d5f7' },
  50: { value: '#f3e6fc' },
  25: { value: '#faf3fe' },
};

const yellow = {
  900: { value: '#2b2610' },
  800: { value: '#55491b' },
  700: { value: '#806d23' },
  600: { value: '#aa8f26' },
  500: { value: '#d4b024' },
  400: { value: '#ffd11f' },
  300: { value: '#ffdc51' },
  200: { value: '#ffe788' },
  100: { value: '#ffefb1' },
  50: { value: '#fff6d1' },
  25: { value: '#fffbe9' },
};

const teal = {
  900: { value: '#0f241f' },
  800: { value: '#1c483e' },
  700: { value: '#286d5e' },
  600: { value: '#33917d' },
  500: { value: '#3db59b' },
  400: { value: '#45d9ba' },
  300: { value: '#6eedd1' },
  200: { value: '#9dffea' },
  100: { value: '#bffff1' },
  50: { value: '#d8fff7' },
  25: { value: '#ecfffb' },
};

const peach = {
  900: { value: '#2b1a12' },
  800: { value: '#553223' },
  700: { value: '#804b34' },
  600: { value: '#aa6345' },
  500: { value: '#d47b56' },
  400: { value: '#ff9366' },
  300: { value: '#ffb18f' },
  200: { value: '#ffd0bc' },
  100: { value: '#ffe4d9' },
  50: { value: '#fff0ea' },
  25: { value: '#fff8f5' },
};

const grey = {
  900: { value: '#1d1d1d' },
  800: { value: '#3a3a39' },
  700: { value: '#575756' },
  600: { value: '#737372' },
  500: { value: '#8f8f8e' },
  400: { value: '#ababa9' },
  300: { value: '#c7c7c5' },
  200: { value: '#e4e4e2' },
  100: { value: '#f2f2f0' },
  50: { value: '#f8f8f6' },
  25: { value: '#fcfcf9' },
};

/**
 * Base Color v1 (LUI Now compatible)
 * @deprecated use `grey` instead. LUI-863 To be removed in the next major
 */
const shade = {
  1000: { value: '#000000' },
  950: { value: '#0B0B0B' },
  ...grey,
  0: { value: '#FFFFFF' },
};

export const base: ColorPalette<DesignToken> = {
  purple,
  yellow,
  teal,
  peach,
  grey,
  shade,
};