export const lightPrimary = {
    '50': '#f0f9fe',
    '100': '#e1f3fd',
    '200': '#c3e7fb',
    '300': '#85d1f9',
    '400': '#4cbdf7',
    '500': '#23a9f6',
    '600': '#0d8bd4',
    '700': '#0b6ca6',
    '800': '#0a5178',
    '900': '#08354a',
    active: '#4cbdf7',
};

export const lightSecondary = {
    '50': '#ffffff',
    '100': '#F9F9FA',
    '200': '#e8e8ea',
    '300': '#d7d7da',
    '400': '#c6c6ca',
    '500': '#b5b5ba',
    '600': '#a4a4aa',
    '700': '#93939a',
    '800': '#82828a',
    '900': '#71717a',
};

export const lightTertiary = {
    100: '#e0f7fc',
    200: '#c2eff9',
    300: '#a3e7f6',
    400: '#85dff3',
    500: '#66d7f0',
    600: '#47cfed',
    700: '#29c7ea',
    800: '#0abfe7',
    900: '#00b7e0',
};

export const themeColors = {
    primary: lightPrimary,
    secondary: lightSecondary,
    tertiary: lightTertiary,
};