/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './src/**/*.tsx',
    './public/index.html',
  ],
  theme: {
    colors: {
      cream: '#FBFBFB',
      black: '#0F0F0F', // Infinity Black
      neutral: {
        10: '#F1F1F2',
        20: '#E6E6E8',
        30: '#DADADE',
        40: '#CCCBD0',
        50: '#BDBCC3',
        60: '#A7A6AF',
        70: '#83828F',
        80: '#48474F',
        90: '#29292E',
        100: '#18181A',
      },
      primary: {
        10: '#F2F2FF',
        20: '#CACAFF',
        30: '#A2A2FF',
        40: '#7A7AFF',
        50: '#4545FF',
        60: '#0000F4',
        70: '#0000BE',
        80: '#000088',
        90: '#000051',
        100: '#000036',
      },
      danger: {
        10: '#FFF2F3',
        20: '#FFC9CC',
        30: '#FFA3A8',
        40: '#FF7A81',
        50: '#B20710',
        60: '#870007',
      },
      success: {
        10: '#F2FFF6',
        20: '#C9FFD9',
        30: '#7AFFA1',
        40: '#24A148',
      },
      warning: {
        10: '#FFFBF2',
        20: '#FFEFC9',
        30: '#E5AD29',
        40: '#A17203',
      },
    },
    fontFamily: {
      sans: [`'TT Hoves', sans-serif`, {
        fontFeatureSettings: `'liga' off, 'clig' off`,
      }],
      mono: `"DM Mono", monospace`,
    },

    extend: {
      boxShadow: {
        'button-primary': `0px 0px 20px 0px rgba(0, 0, 244, 0.50);`
      }
    }
  },
  plugins: [],
}