const config = {
  themes: {
    default: {
      theme: {
        colors: {
          'card-border': '#ededed',
          'primary-bg': '#FAFAFA',
          'primary-action': '#1212FF',
          'primary-050': '#F5F5FE',
          'primary-100': '#EDF5FA',
          'primary-150': '#E5EEFA',
          'primary-950': '#1B1B35',
          'info-150': '#E5EEFA',
          'greyscale-000': '#fff',
          'greyscale-1000': '#161616',
          'blue-400': '#7AB1E8',
          'blue-500': '#417DC4',
          'blue-600': '#3558A2',
          'brown-400': '#E6BE92',
          'brown-500': '#BD987A',
          'brown-600': '#745B47',
          'cyan-400': '#34BAB5',
          'cyan-500': '#009099',
          'cyan-600': '#006A6F',
          'gold-400': '#FFCA00',
          'gold-500': '#C3992A',
          'gold-600': '#695240',
          'green-400': '#34CB6A',
          'green-500': '#00A95F',
          'green-600': '#297254',
          'olive-400': '#99C221',
          'olive-500': '#68A532',
          'olive-600': '#447049',
          'orange-400': '#FF732C',
          'orange-500': '#E4794A',
          'orange-600': '#755348',
          'pink-400': '#FFB7AE',
          'pink-500': '#E18B76',
          'pink-600': '#8D533E',
          'purple-400': '#CE70CC',
          'purple-500': '#A558A0',
          'purple-600': '#6E445A',
          'yellow-400': '#D8C634',
          'yellow-500': '#B7A73F',
          'yellow-600': '#66673D',
        },
        font: {
          sizes: {
            xs: '0.75rem',
            sm: '0.875rem',
            md: '1rem',
            lg: '1.125rem',
            ml: '0.938rem',
            xl: '1.25rem',
            t: '0.6875rem',
            s: '0.75rem',
            h1: '2rem',
            h2: '1.75rem',
            h3: '1.5rem',
            h4: '1.375rem',
            h5: '1.25rem',
            h6: '1.125rem',
            'xl-alt': '5rem',
            'lg-alt': '4.5rem',
            'md-alt': '4rem',
            'sm-alt': '3.5rem',
            'xs-alt': '3rem',
          },
          weights: {
            thin: 100,
            extrabold: 800,
            black: 900,
          },
        },
        spacings: {
          '0': '0',
          none: '0',
          auto: 'auto',
          bx: '2.2rem',
          full: '100%',
          '4xs': '0.125rem',
          '3xs': '0.25rem',
          '2xs': '0.375rem',
          xs: '0.5rem',
          sm: '0.75rem',
          base: '1rem',
          md: '1.5rem',
          lg: '2rem',
          xl: '2.5rem',
          xxl: '3rem',
          xxxl: '3.5rem',
          '4xl': '4rem',
          '5xl': '4.5rem',
          '6xl': '6rem',
          '7xl': '7.5rem',
        },
        breakpoints: {
          xxs: '320px',
          xs: '480px',
        },
        logo: {
          src: '',
          widthHeader: '',
          widthFooter: '',
          alt: '',
        },
      },
      components: {
        datagrid: {
          header: {
            weight: 'var(--c--theme--font--weights--extrabold)',
            size: 'var(--c--theme--font--sizes--ml)',
          },
          cell: {
            color: 'var(--c--theme--colors--primary-500)',
            size: 'var(--c--theme--font--sizes--ml)',
          },
        },
        'forms-checkbox': {
          'background-color': {
            hover: '#055fd214',
          },
          color: 'var(--c--theme--colors--primary-500)',
          'font-size': 'var(--c--theme--font--sizes--ml)',
        },
        'forms-datepicker': {
          'border-color': 'var(--c--theme--colors--primary-500)',
          'value-color': 'var(--c--theme--colors--primary-500)',
          'border-radius': {
            hover: 'var(--c--components--forms-datepicker--border-radius)',
            focus: 'var(--c--components--forms-datepicker--border-radius)',
          },
        },
        'forms-field': {
          color: 'var(--c--theme--colors--primary-500)',
          'value-color': 'var(--c--theme--colors--primary-500)',
          width: 'auto',
        },
        'forms-input': {
          'value-color': 'var(--c--theme--colors--primary-500)',
          'border-color': 'var(--c--theme--colors--primary-500)',
          color: {
            error: 'var(--c--theme--colors--danger-500)',
            'error-hover': 'var(--c--theme--colors--danger-500)',
            'box-shadow-error-hover': 'var(--c--theme--colors--danger-500)',
          },
        },
        'forms-labelledbox': {
          'label-color': {
            small: 'var(--c--theme--colors--primary-500)',
            'small-disabled': 'var(--c--theme--colors--greyscale-400)',
            big: {
              disabled: 'var(--c--theme--colors--greyscale-400)',
            },
          },
        },
        'forms-select': {
          'border-color': 'var(--c--theme--colors--primary-500)',
          'border-color-disabled-hover':
            'var(--c--theme--colors--greyscale-200)',
          'border-radius': {
            hover: 'var(--c--components--forms-select--border-radius)',
            focus: 'var(--c--components--forms-select--border-radius)',
          },
          'font-size': 'var(--c--theme--font--sizes--ml)',
          'menu-background-color': '#fff',
          'item-background-color': {
            hover: 'var(--c--theme--colors--primary-300)',
          },
        },
        'forms-switch': {
          'accent-color': 'var(--c--theme--colors--primary-400)',
        },
        'forms-textarea': {
          'border-color': 'var(--c--components--forms-textarea--border-color)',
          'border-color-hover':
            'var(--c--components--forms-textarea--border-color)',
          'border-radius': {
            hover: 'var(--c--components--forms-textarea--border-radius)',
            focus: 'var(--c--components--forms-textarea--border-radius)',
          },
          color: 'var(--c--theme--colors--primary-500)',
          disabled: {
            'border-color-hover': 'var(--c--theme--colors--greyscale-200)',
          },
        },
        modal: {
          'background-color': '#fff',
        },
        button: {
          'border-radius': {
            active: 'var(--c--components--button--border-radius)',
          },
          'medium-height': 'auto',
          'small-height': 'auto',
          success: {
            color: 'white',
            'color-disabled': 'white',
            'color-hover': 'white',
            background: {
              color: 'var(--c--theme--colors--success-600)',
              'color-disabled': 'var(--c--theme--colors--greyscale-300)',
              'color-hover': 'var(--c--theme--colors--success-800)',
            },
          },
          danger: {
            'color-hover': 'white',
            background: {
              color: 'var(--c--theme--colors--danger-600)',
              'color-hover': '#FF2725',
              'color-disabled': 'var(--c--theme--colors--danger-100)',
            },
          },
          primary: {
            color: 'var(--c--theme--colors--primary-text)',
            'color-active': 'var(--c--theme--colors--primary-text)',
            background: {
              color: 'var(--c--theme--colors--primary-400)',
              'color-active': 'var(--c--theme--colors--primary-500)',
            },
            border: {
              'color-active': 'transparent',
            },
          },
          secondary: {
            color: 'var(--c--theme--colors--primary-500)',
            'color-hover': 'var(--c--theme--colors--primary-text)',
            background: {
              color: 'white',
              'color-hover': 'var(--c--theme--colors--primary-700)',
            },
            border: {
              color: 'var(--c--theme--colors--greyscale-300)',
            },
          },
          tertiary: {
            color: 'var(--c--theme--colors--primary-text)',
            'color-disabled': 'var(--c--theme--colors--greyscale-600)',
            background: {
              color: 'var(--c--theme--colors--primary-100)',
              'color-hover': 'var(--c--theme--colors--primary-300)',
              'color-active': 'var(--c--theme--colors--primary-100)',
              'color-disabled': 'var(--c--theme--colors--greyscale-200)',
            },
          },
          disabled: {
            color: 'white',
            background: {
              color: '#b3cef0',
            },
          },
        },
        'la-gauffre': {
          activated: false,
        },
        'home-proconnect': {
          activated: false,
        },
      },
    },
    dsfr: {
      theme: {
        colors: {
          'card-border': '#E5E5E5',
          'primary-text': '#000091',
          'primary-100': '#ECECFE',
          'primary-150': '#F4F4FD',
          'primary-200': '#E3E3FD',
          'primary-300': '#CACAFB',
          'primary-400': '#8585F6',
          'primary-500': '#6A6AF4',
          'primary-600': '#313178',
          'primary-700': '#272747',
          'primary-800': '#000091',
          'primary-900': '#21213F',
          'secondary-text': '#fff',
          'secondary-100': '#fee9ea',
          'secondary-200': '#fedfdf',
          'secondary-300': '#fdbfbf',
          'secondary-400': '#e1020f',
          'secondary-500': '#c91a1f',
          'secondary-600': '#5e2b2b',
          'secondary-700': '#3b2424',
          'secondary-800': '#341f1f',
          'secondary-900': '#2b1919',
          'greyscale-text': '#303C4B',
          'greyscale-000': '#fff',
          'greyscale-050': '#F6F6F6',
          'greyscale-100': '#eee',
          'greyscale-200': '#E5E5E5',
          'greyscale-250': '#ddd',
          'greyscale-300': '#CECECE',
          'greyscale-350': '#ddd',
          'greyscale-400': '#929292',
          'greyscale-500': '#7C7C7C',
          'greyscale-600': '#666666',
          'greyscale-700': '#3A3A3A',
          'greyscale-750': '#353535',
          'greyscale-800': '#2A2A2A',
          'greyscale-900': '#242424',
          'greyscale-950': '#1E1E1E',
          'greyscale-1000': '#161616',
          'success-text': '#1f8d49',
          'success-100': '#dffee6',
          'success-200': '#b8fec9',
          'success-300': '#88fdaa',
          'success-400': '#3bea7e',
          'success-500': '#1f8d49',
          'success-600': '#18753c',
          'success-700': '#204129',
          'success-800': '#1e2e22',
          'success-900': '#19281d',
          'info-text': '#0078f3',
          'info-100': '#E8EDFF',
          'info-200': '#DDE5FF',
          'info-300': '#BCCDFF',
          'info-400': '#518FFF',
          'info-500': '#0078F3',
          'info-600': '#0063CB',
          'info-700': '#273961',
          'info-800': '#222A3F',
          'info-900': '#1D2437',
          'warning-text': '#d64d00',
          'warning-100': '#fff4f3',
          'warning-200': '#ffe9e6',
          'warning-300': '#ffded9',
          'warning-400': '#ffbeb4',
          'warning-500': '#d64d00',
          'warning-600': '#b34000',
          'warning-700': '#5e2c21',
          'warning-800': '#3e241e',
          'warning-900': '#361e19',
          'danger-text': '#FFF',
          'danger-100': '#FFE9E9',
          'danger-200': '#FFDDDD',
          'danger-300': '#FFBDBD',
          'danger-400': '#FF5655',
          'danger-500': '#F60700',
          'danger-600': '#CE0500',
          'danger-700': '#642626',
          'danger-800': '#412121',
          'danger-900': '#391C1C',
        },
        font: {
          families: {
            accent: 'Marianne',
            base: 'Marianne',
          },
        },
        logo: {
          src: '/assets/logo-gouv.svg',
          widthHeader: '110px',
          widthFooter: '220px',
          alt: 'Gouvernement Logo',
        },
      },
      components: {
        alert: {
          'border-radius': '0',
          error: {
            'background-color': 'var(--c--theme--colors--danger-100)',
            'border-left-color': 'var(--c--theme--colors--danger-400)',
            close: {
              color: 'white',
              'background-color': 'var(--c--theme--colors--danger-400)',
              'background-color-hover': 'var(--c--theme--colors--danger-600)',
            },
          },
        },
        modal: {
          'width-small': '342px',
        },
        button: {
          'medium-height': '40px',
          'medium-text-height': '40px',
          'border-radius': '4px',
          primary: {
            background: {
              color: 'var(--c--theme--colors--primary-text)',
              'color-hover': '#1212ff',
              'color-active': '#2323ff',
            },
            color: '#fff',
            'color-hover': '#fff',
            'color-active': '#fff',
          },
          'primary-text': {
            background: {
              'color-hover': 'var(--c--theme--colors--primary-100)',
              'color-active': 'var(--c--theme--colors--primary-100)',
            },
            'color-hover': 'var(--c--theme--colors--primary-text)',
            color: 'var(--c--theme--colors--primary-800)',
          },
          secondary: {
            background: {
              'color-hover': '#F6F6F6',
              'color-active': '#EDEDED',
            },
            border: {
              color: 'var(--c--theme--colors--greyscale-300)',
              'color-hover': 'var(--c--theme--colors--greyscale-300)',
            },
            color: 'var(--c--theme--colors--primary-text)',
          },
          'tertiary-text': {
            background: {
              'color-hover': 'var(--c--theme--colors--greyscale-100)',
            },
            'color-hover': 'var(--c--theme--colors--primary-text)',
            color: 'var(--c--theme--colors--primary-600)',
          },
        },
        datagrid: {
          header: {
            color: 'var(--c--theme--colors--primary-text)',
            size: 'var(--c--theme--font--sizes--s)',
          },
          body: {
            'background-color': 'transparent',
            'background-color-hover': '#F4F4FD',
          },
          pagination: {
            'background-color': 'transparent',
            'background-color-active': 'var(--c--theme--colors--primary-300)',
            'border-color': 'var(--c--theme--colors--primary-400)',
          },
        },
        'forms-checkbox': {
          'border-radius': '0',
          color: 'var(--c--theme--colors--primary-text)',
          text: {
            color: 'var(--c--theme--colors--greyscale-text)',
            size: 'var(--c--theme--font--sizes--t)',
          },
        },
        'forms-datepicker': {
          'border-radius': '0',
        },
        'forms-fileuploader': {
          'border-radius': '0',
        },
        'forms-field': {
          color: 'var(--c--theme--colors--primary-text)',
          'footer-font-size': 'var(--c--theme--font--sizes--t)',
          'footer-color': 'var(--c--theme--colors--greyscale-text)',
        },
        'forms-input': {
          'border-radius': '4px',
          'background-color': '#fff',
          'border-color': 'var(--c--theme--colors--primary-text)',
          'box-shadow-color': 'var(--c--theme--colors--primary-text)',
          'value-color': 'var(--c--theme--colors--primary-text)',
          'font-size': '14px',
        },
        'forms-labelledbox': {
          'label-color': {
            big: 'var(--c--theme--colors--primary-text)',
          },
        },
        'forms-radio': {
          'accent-color': 'var(--c--theme--colors--primary-600)',
        },
        'forms-select': {
          'item-font-size': '14px',
          'border-radius': '4px',
          'border-radius-hover': '4px',
          'background-color': '#fff',
          'border-color': 'var(--c--theme--colors--primary-text)',
          'border-color-hover': 'var(--c--theme--colors--primary-text)',
          'box-shadow-color': 'var(--c--theme--colors--primary-text)',
        },
        'forms-switch': {
          'handle-border-radius': '2px',
          'rail-border-radius': '4px',
          'accent-color': 'var(--c--theme--colors--primary-text)',
        },
        'forms-textarea': {
          'border-radius': '0',
        },
        'la-gauffre': {
          activated: true,
        },
        'home-proconnect': {
          activated: true,
        },
      },
    },
  },
};

export default config;