/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        wise: {
          black: '#0e0f0c',
          green: '#9fe870',
          'green-dark': '#163300',
          'green-light': '#e2f6d5',
          positive: '#054d28',
          danger: '#d03238',
          warning: '#ffd11a',
          orange: '#ffc091',
          gray: {
            dark: '#454745',
            DEFAULT: '#868685',
            light: '#e8ebe6',
          },
        },
      },
      fontFamily: {
        display: ['Inter', 'Helvetica', 'Arial', 'sans-serif'],
        body: ['Inter', 'Helvetica', 'Arial', 'sans-serif'],
      },
      fontSize: {
        'hero': ['6rem', { lineHeight: '0.85', fontWeight: '900' }],
        'section': ['4rem', { lineHeight: '0.85', fontWeight: '900' }],
        'sub': ['2.5rem', { lineHeight: '0.85', fontWeight: '900' }],
        'card': ['1.62rem', { lineHeight: '1.23', fontWeight: '600', letterSpacing: '-0.39px' }],
        'feature': ['1.38rem', { lineHeight: '1.25', fontWeight: '600', letterSpacing: '-0.396px' }],
        'body': ['1.13rem', { lineHeight: '1.44', fontWeight: '400', letterSpacing: '0.18px' }],
        'body-semibold': ['1.13rem', { lineHeight: '1.44', fontWeight: '600', letterSpacing: '-0.108px' }],
        'caption': ['0.88rem', { lineHeight: '1.5', fontWeight: '400', letterSpacing: '-0.084px' }],
        'small': ['0.75rem', { lineHeight: '1', fontWeight: '400', letterSpacing: '-0.084px' }],
      },
      borderRadius: {
        'card': '16px',
        'large': '30px',
        'section': '40px',
        'pill': '9999px',
      },
      boxShadow: {
        'ring': 'rgba(14,15,12,0.12) 0px 0px 0px 1px',
      },
    },
  },
  plugins: [],
}