import * as __WEBPACK_EXTERNAL_MODULE__chakra_ui_react__ from "@chakra-ui/react";
/*
App colors
1. Colors get converted to stylesheet variables, which all chakra components use
2. You can extend with your own colors - define a full gradient for usage with dark mode
3. Usage:
  - Typescript:  {colors.brand[500]}
  - CSS-in-JS:   "brand.500"
  - CSS:         var(--chakra-colors-brand-500)
*/ const colors = {
    brand: {
        50: '#FCEBE9',
        100: '#FAE0DB',
        200: '#F4B9AE',
        300: '#EE9281',
        400: '#E86B54',
        500: '#E24328',
        600: '#BC321A',
        700: '#902614',
        800: '#631A0D',
        900: '#631A0D'
    },
    darkblue: {
        50: '#EFF1F6',
        100: '#E4E9F1',
        200: '#C3CDDF',
        300: '#A2B0CE',
        400: '#5972A6',
        500: '#475B85',
        600: '#2D3A53',
        700: '#20293C',
        800: '#161E2D',
        900: '#181E2C'
    },
    focus: {
        50: 'hsl(220, 10%, 52%, 0.4)',
        500: 'hsla(218, 75%, 61%, 0.8)'
    }
};
colors.grey = __WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.theme.colors.gray; // variations in spelling
// @deprecated (legacy colors)
colors.success = __WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.theme.colors.green;
colors.error = __WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.theme.colors.red;
colors.info = __WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.theme.colors.blue;
export { colors };
