import { createGlobalStyle } from "styled-components";
// colors -- only new
export const lightDarkBlue = '#2F54EB';
export const grey = '#a8afc9';
export const lightGrey2 = '#f2f7fe';
export const lightGrey = '#f5f6f9';
export const white = '#fff';
export const lightGreyBlue = '#dae4f5';
export const lightBlue = '#F2F7FE';
export const lightGray = '#B5B7C4';
export const deepBlue = '#2A2CD0';
export const blue = '#2c80ff';
export const darkBlue = '#3f4277';
export const red = '#f3425c';
export const green = '#3bd64d';
export const lightGreen = '#3bd84d;';
export const highLightGreen = '#1DB05F';
export const green2 = '#1DB05F';
export const lightGreen2 = 'rgba(29, 176, 95, 0.25)';
export const red2 = '#f44336';
export const pink = 'rgb(255, 0, 122);';
export const lightRed2 = 'rgba(244, 67, 54, 0.25)';
export const divider = 'rgba(168, 175, 201, 0.24)';
export const dividerHover = 'rgba(168, 175, 201, 0.24)';
export const lightViolet = '#A1A3D4';
export const darkRed = '#F35421';
export const grayLight = '#A8AFC9';
export const GlobalStyle = createGlobalStyle<{ background?: string; color?: string; }>`
`
