export const XLGridColumnWidth = 96;
export const desktopGridColumnWidth = 112;
export const tabletGridColumnWidth = 76;
export const mobileGridColumnWidth = 60;

export const purpleBackground = '#EDEAF5';
export const purpleLightest = '#D9D4EA';
export const purpleLighter = '#B3A9D4';
export const purpleLight300 = '#8D7EBF';
export const purpleLight400 = '#6753A9';
export const purpleBase = '#412894';
export const purpleDark600 = '#311E6F';
export const purpleDark700 = '#21144A';
export const purpleDarker = '#100A25';
export const purpleDarkest = '#07040F';

export const greenBackground = '#E6F2EE';
export const greenLightest = '#CCE4DB';
export const greenLighter = '#99CAB7';
export const greenLight300 = '#66AF94';
export const greenLight400 = '#339570';
export const greenBase = '#007A4C';
export const greenDark600 = '#005C39';
export const greenDark700 = '#003D26';
export const greenDarker = '#001F13';
export const greenDarkest = '#000C08';

export const blueBackground = '#EDF0FD';
export const blueLightest = '#DBDFFA';
export const blueLighter = '#B6BFF4';
export const blueLight300 = '#929FEF';
export const blueLight400 = '#6D7FE9';
export const blueBase = '#495FE4';
export const blueDark600 = '#3747AB';
export const blueDark700 = '#253072';
export const blueDarker = '#121839';
export const blueDarkest = '#070A17';

export const grayBackground = '#EBEBEB';
export const grayLightest = '#D6D6D6';
export const grayLighter = '#ACACAD';
export const grayLight300 = '#838383';
export const grayLight400 = '#59595A';
export const grayBase = '#303031';
export const grayDark600 = '#242425';
export const grayDark700 = '#181819';
export const grayDarker = '#0C0C0C';
export const grayDarkest = '#050505';

export const whiteBackground = '#ffffff';

export const redBackground = '#FDE8E8';
export const redLightest = '#FAD0D0';
export const redLighter = '#F6A2A2';
export const redLight300 = '#F17373';
export const redLight400 = '#ED4545';
export const redBase = '#E81616';
export const redDark600 = '#AE1111';
export const redDark700 = '#740B0B';
export const redDarker = '#3A0606';
export const redDarkest = '#170202';

export const yellowBackground = '#FDF9E9';
export const yellowLightest = '#FAF3D2';
export const yellowLighter = '#F5E7A4';
export const yellowLight300 = '#F1DA77';
export const yellowLight400 = '#ECCE49';
export const yellowBase = '#E7C21C';
export const yellowDark600 = '#AD9215';
export const yellowDark700 = '#74610E';
export const yellowDarker = '#3A3107';
export const yellowDarkest = '#171303';


