/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./src/**/*.{js,jsx,ts,tsx}",
    "./public/index.html"
  ],
  theme: {
    extend: {
      colors: {
        background: 'var(--background)',
        card: 'var(--card)',
        foreground: 'var(--foreground)',
        'primary-cta': 'var(--primary-cta)',
        'secondary-cta': 'var(--secondary-cta)',
        accent: 'var(--accent)',
        'background-accent': 'var(--background-accent)'
      },
      fontFamily: {
        sans: ['Inter', 'system-ui', 'sans-serif']
      },
      borderRadius: {
        'theme': '0.5rem',
        'theme-capped': '1rem'
      },
      spacing: {
        '18': '4.5rem',
        '88': '22rem',
        '100': '25rem',
        '112': '28rem',
        '128': '32rem'
      }
    }
  },
  plugins: []
}