/*
import * as colors from 'tailwindcss/colors'
import * as defaultTheme from 'tailwindcss/defaultTheme'
 */
const colors = require('tailwindcss/colors')
const defaultTheme = require('tailwindcss/defaultTheme')

/** @type {import('tailwindcss').Config} */
module.exports = {
    theme: {
        fontFamily: {
            ...defaultTheme.fontFamily,
            display: ['Inter', '-apple-system', 'BlinkMacSystemFont', 'SFUI', 'HelveticaNeue', 'Helvetica', 'Arial', 'sans-serif'],
            sans: ['Inter', '-apple-system', 'BlinkMacSystemFont', 'SFUI', 'HelveticaNeue', 'Helvetica', 'Arial', 'sans-serif'],
            monospace: ['var(--font-monospace)']
        },
        extend: {
            colors: {
                gray: colors.gray,
                navbar: '#0E111E',
                // https://hihayk.github.io/scale/#4/5/50/90/0/0/20/0/F0B008/240/176/8/white
                blueGray: {
                    '50': '#E7E7E9',
                    '100': '#CFCFD2',
                    '200': '#B6B7BC',
                    '300': '#9EA0A5',
                    '400': '#86888F',
                    '500': '#6E7078',
                    '600': '#565862',
                    '700': '#3E404B',
                    '800': '#262935',
                    '900': '#0E111E',
                },
                blue: {
                    '50': '#EAFAFF',
                    '100': '#C6F0FF',
                    '200': '#A3E5FD',
                    '300': '#81DAFB',
                    '400': '#60CEF6',
                    '500': '#41C2F1',
                    '600': '#39AAD3',
                    '700': '#3192B5',
                    '800': '#297997',
                    '900': '#216179',
                },
                green: {
                    '50': '#E6FBEA',
                    '100': '#BAF4C4',
                    '200': '#8FEB9E',
                    '300': '#65E07A',
                    '400': '#3DD557',
                    '500': '#16C834',
                    '600': '#13AF2E',
                    '700': '#119627',
                    '800': '#0E7D21',
                    '900': '#0B641A',
                },
                yellow: {
                    '50': '#FFF8E6',
                    '100': '#FFEBB8',
                    '200': '#FFDE8A',
                    '300': '#FBCF5C',
                    '400': '#F7C031',
                    '500': '#F0B008',
                    '600': '#D29A07',
                    '700': '#B48406',
                    '800': '#966E05',
                    '900': '#785804',
                },
                red: {
                    '50': '#FFEDEB',
                    '100': '#FFCEC8',
                    '200': '#FFB0A6',
                    '300': '#FF9286',
                    '400': '#FF7667',
                    '500': '#FD5B49',
                    '600': '#DD5040',
                    '700': '#BE4437',
                    '800': '#9E392E',
                    '900': '#7F2E25',
                },
                brown: {
                    '50': '#F6F5F5',
                    '100': '#E1DEDC',
                    '200': '#CCC7C4',
                    '300': '#B7AFAB',
                    '400': '#A29893',
                    '500': '#8D817A',
                    '600': '#786962',
                    '700': '#62524A',
                    '800': '#4D3B32',
                    '900': '#392C25',
                },
                violet: {
                    '50': '#EDEBFA',
                    '100': '#CDC8EF',
                    '200': '#ADA6E4',
                    '300': '#8F85D7',
                    '400': '#7165CA',
                    '500': '#5345BC',
                    '600': '#493CA5',
                    '700': '#3E348D',
                    '800': '#342B76',
                    '900': '#2A235E',
                },
                surface: {
                    success: '#AEE9D1',
                    critical: '#FED3D1',
                    warning: '#FFD79D',
                    attention: '#ffea8a',
                    new: '#a4e8f2',
                    info: ''
                }
            }
        }
    },
    plugins: [
        require('@tailwindcss/forms')
    ]
}