/** @type {import('tailwindcss').Config} */
export default {
  content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
  theme: {
    extend: {
      colors: {
        primary: '#202225',
        secondary: '#2f3136',
        tertiary: '#a8adb3',
        quartenary: '#4D4E51',
        'brand-green': '#85CE73',
        error: '#ff5454',
        'brand-yellow': '#e5c453',
        'rating-red': '#CE7385',
        'rating-green': '#85CE73',
        'rating-yellow': '#DECA21',
        'card-primary': '#050505',
      },
      borderColor: {
        primary: '#38444d',
        secondary: '#202225'
      },
      fontFamily: {
        lato: ['Lato', 'sans-serif']
      },
      fontSize: {
        xxs: ['0.65rem', { lineHeight: '.85rem' }],
      },
    },
  },
  plugins: [],
}