/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ['./web/**/*.{html,js}'],
  theme: {
    fontFamily: {
      sans: ['"Plus Jakarta Sans"', 'Arial', 'sans-serif'],
    },
    extend: {
      colors: {
        line:  '#dbe3ea',
        input: '#cbd5df',
        teal: {
          DEFAULT: '#167c80',
          dark:    '#0f5f63',
          light:   '#dff4f5',
          lighter: '#e7f7f8',
        },
      },
      screens: {
        mobile: { max: '860px' },
      },
      boxShadow: {
        card: '0 4px 6px -1px rgba(0,0,0,.05), 0 2px 4px -1px rgba(0,0,0,.03)',
      },
    },
  },
  plugins: [],
}