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

/**
 * Base Colours v3
 */
const tiber = {
  900: { value: '#091d21' },
  800: { value: '#083742' },
  700: { value: '#15505d' },
  600: { value: '#296a79' },
  500: { value: '#428594' },
  400: { value: '#61a1b0' },
  300: { value: '#85becb' },
  200: { value: '#b0dce6' },
  100: { value: '#cdedf4' },
  50: { value: '#e0f5fa' },
  25: { value: '#f0fafc' },
};

const turquoise = {
  900: { value: '#0b201d' },
  800: { value: '#12403a' },
  700: { value: '#146056' },
  600: { value: '#128071' },
  500: { value: '#0ba08b' },
  400: { value: '#00c0a5' },
  300: { value: '#2bd9c2' },
  200: { value: '#60f1dd' },
  100: { value: '#8efced' },
  50: { value: '#b7fff5' },
  25: { value: '#dbfffa' },
};

const lagoon = {
  900: { value: '#0b1e23' },
  800: { value: '#0f3a46' },
  700: { value: '#0b5569' },
  600: { value: '#006e8c' },
  500: { value: '#1987a5' },
  400: { value: '#39a1be' },
  300: { value: '#60bdd7' },
  200: { value: '#8fdbf0' },
  100: { value: '#b3ebfb' },
  50: { value: '#cff5ff' },
  25: { value: '#e7faff' },
};

const coral = {
  900: { value: '#2b1412' },
  800: { value: '#552723' },
  700: { value: '#803a34' },
  600: { value: '#aa4c44' },
  500: { value: '#d45e54' },
  400: { value: '#ff7063' },
  300: { value: '#ff978d' },
  200: { value: '#ffc0ba' },
  100: { value: '#ffdad7' },
  50: { value: '#ffebe9' },
  25: { value: '#fff6f5' },
};

const grey = {
  900: { value: '#181818' },
  800: { value: '#2f2f2f' },
  700: { value: '#474747' },
  600: { value: '#656565' },
  500: { value: '#838383' },
  400: { value: '#a1a1a1' },
  300: { value: '#bfbfbf' },
  200: { value: '#dcdcdc' },
  100: { value: '#ececec' },
  50: { value: '#f5f5f5' },
  25: { value: '#fafafa' },
};

/**
 * 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> = {
  tiber,
  turquoise,
  lagoon,
  coral,
  grey,
  shade,
};