/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./src/pages/**/*.{js,ts,tsx}",
    "./src/components/**/*.{js,ts,tsx}",
    "./src/helpers/**/*.{js,ts,tsx}",
  ],
  theme: {
    extend: {
      fontFamily: {
        'sans': ['Inter', 'sans-serif']
      },
      fontSize: {
        'display-lg': ['56px', '100%'],
        'display-md': ['48px', '100%'],
        'display-sm': ['36px', '100%'],
        'title-lg': ['28px', '121%'],
        'title-md': ['24px', '121%'],
        'title-sm': ['20px', '121%'],
        'h-lg': ['18px', '121%'],
        'h-md': ['17px', '121%'],
        'h-sm': ['16px', '121%'],
        'body-1': ['15px', '121%'],
        'body-2': ['14px', '121%'],
        'paragraph-1': ['15px', '140%'],
        'paragraph-2': ['14px', '140%'],
        'caption-1': ['13px', '121%'],
        'caption-2': ['12px', '121%'],
      },
      colors: {
        'green_r': {
          1: '#fbfefc',
          2: '#f2fcf5',
          3: '#e9f9ee',
          4: '#ddf3e4',
          5: '#ccebd7',
          6: '#b4dfc4',
          7: '#92ceac',
          8: '#5bb98c',
          9: '#30a46c',
          10: '#299764',
          11: '#18794e',
          12: '#153226',
        },
        'yellow_r': {
          1: '#fdfdf9',
          2: '#fffce8',
          3: '#fffbd1',
          4: '#fff8bb',
          5: '#fef2a4',
          6: '#f9e68c',
          7: '#efd36c',
          8: '#ebbc00',
          9: '#f5d90a',
          10: '#f7ce00',
          11: '#946800',
          12: '#35290f',
        },
        'gray_r': {
          1: '#fcfcfc',
          2: '#f8f8f8',
          3: '#f3f3f3',
          4: '#ededed',
          5: '#e8e8e8',
          6: '#e2e2e2',
          7: '#dbdbdb',
          8: '#c7c7c7',
          9: '#8f8f8f',
          10: '#858585',
          11: '#6f6f6f',
          12: '#171717',
        },
        'red_r': {
          1: '#fffcfc',
          2: '#fff8f8',
          3: '#ffefef',
          4: '#ffe5e5',
          5: '#fdd8d8',
          6: '#f9c6c6',
          7: '#f3aeaf',
          8: '#eb9091',
          9: '#e5484d',
          10: '#dc3d43',
          11: '#cd2b31',
          12: '#381316',
        },
        'sand_r': {
          1: '#fdfdfc',
          2: '#f9f9f8',
          3: '#f3f3f2',
          4: '#eeeeec',
          5: '#e9e9e6',
          6: '#e3e3e0',
          7: '#dbdbd7',
          8: '#c8c7c1',
          9: '#90908c',
          10: '#868682',
          11: '#706f6c',
          12: '#1b1b18',
        }
      }
    },
  },
  plugins: [],
}