import { COLOR_BRAND, COLOR_ERROR, COLOR_GRAY_3, COLOR_GRAY_2, COLOR_GRAY_1 } from './colors';

export const SHADOW_OUTLINE = `0 0 2px ${COLOR_BRAND}`;
export const SHADOW_OUTLINE_2 = `0 0 8px ${COLOR_BRAND}`;
export const SHADOW_ERROR = `0 0 2px ${COLOR_ERROR}`;
export const SHADOW_1 = `0 0 2px 0 ${COLOR_GRAY_3}`;
export const SHADOW_2 = `0 2px 4px 0 ${COLOR_GRAY_2}`;
export const SHADOW_3 = `0 0 1px 0 ${COLOR_GRAY_3}`;
export const SHADOW_4 = `0 1px 2px 0 ${COLOR_GRAY_2}`;
export const SHADOW_5 = `0 0 3px ${COLOR_GRAY_1}`;
export const SHADOW_6 = `0 2px 12px 0 ${COLOR_GRAY_2}`;
