tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ['./index.html', './client/**/*.{js,jsx,ts,tsx}'],
  theme: {
    fontFamily: {
      barriecito: ['Barriecito'],
      bangers: ['Bangers'],
    },
    extend: {
      colors: {
        'primary-emphasis': '#7893DC',
        'primary-dark': '#303B58',
        'secondary-emphasis': '#CCDAFF',
        'secondary-dark': '#6475AC',
        'secondary-light': '#DAE3FF',
        'primary-idle': '#AEC1F7',
        'secondary-idle': '#E7ECFC',
        'danger': '#BF4949',
        'black': '#3F3D56',
        'grey': '#B3BACD',
        'modal-grey': '#BDBDBD',
        'light-grey': '#D9D9D9',
      },
      borderRadius: {
        '3xl': '30px',
      },
      backgroundSize: {
        '200%': '200%',
      },
      boxShadow: {
        'button-primary-emphasis': '0px 2px 2px 1px',
        'input-border': '0px 0px 0px 1px',
        'input-border-hover': '0px 0px 0px 2px',
        'card': '-2px 4px 2px rgba(0, 0, 0, 0.25)',
        'modal': '-2px 4px 2px #7893DC',
      },
      spacing: {},
    },
  },
  plugins: [],
}