/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
  theme: {
    extend: {
      colors: {
        revolut: {
          dark: '#191c1f',
          white: '#ffffff',
          surface: '#f4f4f4',
          blue: '#494fdf',
          actionBlue: '#4f55f1',
          blueText: '#376cd5',
          danger: '#e23b4a',
          deepPink: '#e61e49',
          warning: '#ec7e00',
          yellow: '#b09000',
          teal: '#00a87e',
          lightGreen: '#428619',
          greenText: '#006400',
          lightBlue: '#007bc2',
          brown: '#936d62',
          redText: '#8b0000',
          midSlate: '#505a63',
          coolGray: '#8d969e',
          grayTone: '#c9c9cd',
        },
      },
      fontFamily: {
        display: ['Aeonik Pro', 'Inter', 'Arial', 'sans-serif'],
        body: ['Inter', 'Arial', 'sans-serif'],
        mono: ['JetBrains Mono', 'Fira Code', 'SF Mono', 'monospace'],
      },
      fontSize: {
        'display-mega': ['8.50rem', { lineHeight: '1.00', letterSpacing: '-2.72px', fontWeight: '500' }],
        'display-hero': ['5.00rem', { lineHeight: '1.00', letterSpacing: '-0.8px', fontWeight: '500' }],
        'section': ['3.00rem', { lineHeight: '1.21', letterSpacing: '-0.48px', fontWeight: '500' }],
        'subheading': ['2.50rem', { lineHeight: '1.20', letterSpacing: '-0.4px', fontWeight: '500' }],
        'card-title': ['2.00rem', { lineHeight: '1.19', letterSpacing: '-0.32px', fontWeight: '500' }],
        'feature': ['1.50rem', { lineHeight: '1.33', letterSpacing: '0', fontWeight: '400' }],
        'nav': ['1.25rem', { lineHeight: '1.40', letterSpacing: '0', fontWeight: '500' }],
        'body-lg': ['1.13rem', { lineHeight: '1.56', letterSpacing: '-0.09px', fontWeight: '400' }],
        'body': ['1.00rem', { lineHeight: '1.50', letterSpacing: '0.24px', fontWeight: '400' }],
        'body-semibold': ['1.00rem', { lineHeight: '1.50', letterSpacing: '0.16px', fontWeight: '600' }],
        'body-bold': ['1.00rem', { lineHeight: '1.50', letterSpacing: '0.24px', fontWeight: '700' }],
      },
      borderRadius: {
        'pill': '9999px',
        'card': '20px',
        'standard': '12px',
      },
      spacing: {
        '4': '4px',
        '6': '6px',
        '8': '8px',
        '14': '14px',
        '16': '16px',
        '20': '20px',
        '24': '24px',
        '32': '32px',
        '40': '40px',
        '48': '48px',
        '80': '80px',
        '88': '88px',
        '120': '120px',
      },
      screens: {
        'mobile-sm': '400px',
        'mobile': '720px',
        'tablet': '1024px',
        'desktop': '1280px',
        'large': '1920px',
      },
    },
  },
  plugins: [],
}