/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./src/pages/**/*.{js,ts,tsx}",
    "./src/components/**/*.{js,ts,tsx}",
  ],
  theme: {
    extend: {
      fontFamily: {
        'sans': ['Inter', 'sans-serif']
      },
      fontSize: {
        'h1': ['60px', '120%'],
        'h2': ['48px', '120%'],
        'h3': ['34px', '120%'],
        'h4': ['24px', '120%'],
        'h5': ['20px', '120%'],
        'h6': ['18px', '120%'],
        'body-lg': ['16px', '120%'],
        'body': ['14px', '120%'],
        'caption': ['12px', '120%'],
        'caption-p': ['12px', '150%']
      },
      colors: {
        gray: {
          900: '#2B2B2B',
          800: '#595959',
          700: '#767676',
          600: '#888888',
          500: '#ABABAB',
          400: '#CCCCCC',
          300: '#E4E4E4',
          200: '#F0F0F0',
          100: '#F6F6F6',
        },
        red: {
          900: '#CE1D34',
          800: '#D94F61',
          700: '#DF6D7C',
          600: '#E3808D',
          500: '#ECA6AF',
          400: '#F3C9CE',
          300: '#F9E3E6',
          200: '#FBEFF0',
          100: '#FDF6F7',
        },
        yellow: {
          900: '#F8C20A',
          800: '#FACF40',
          700: '#FBD761',
          600: '#FBDC75',
          500: '#FCE79E',
          400: '#FDF0C2',
          300: '#FEF7E0',
          200: '#FFFBED',
          100: '#FFFCF5',
        },
        'r-green': {
          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',
        },
        'r-sand': {
          1: '#fdfdfc',
          2: '#f9f9f8',
          3: '#f3f3f2',
          4: '#eeeeec',
          5: '#e9e9e6',
          6: '#e3e3e0',
          7: '#dbdbd7',
          8: '#c8c7c1',
          9: '#90908c',
          10: '#868682',
          11: '#706f6c',
          12: '#1b1b18',
        }
        // yellow500: {
        //   900: '#F8C20A',
        //   800: '#FACF40',
        //   700: '#FBD761',
        //   600: '#FBDC75',
        //   500: '#FCE79E',
        //   400: '#FDF0C2',
        //   300: '#FEF7E0',
        //   200: '#FFFBED',
        //   100: '#FFFCF5',
        // }
        // yellow600: {
        //   900: '#D7A30A',
        //   800: '#DFB740',
        //   700: '#E5C361',
        //   600: '#E8CB75',
        //   500: '#EFDB9E',
        //   400: '#F5E8C2',
        //   300: '#FAF3E0',
        //   200: '#FCF8ED',
        //   100: '#FDFBF5',
        // }
        // yellow700: {
        //   900: '#B5860A',
        //   800: '#C5A040',
        //   700: '#CFB161',
        //   600: '#D5BB75',
        //   500: '#E2CF9E',
        //   400: '#EDE1C2',
        //   300: '#F6F0E0',
        //   200: '#FAF6ED',
        //   100: '#FCFAF5',
        // }
      }
    },
  },
  plugins: [],
}