tailwind.config.js

/*
 ** TailwindCSS Configuration File
 **
 ** Docs: https://tailwindcss.com/docs/configuration
 ** Default: https://github.com/tailwindcss/tailwindcss/blob/master/stubs/defaultConfig.stub.js
 */
/*
 ** TailwindCSS Configuration File
 **
 ** Docs: https://tailwindcss.com/docs/configuration
 ** Default: https://github.com/tailwindcss/tailwindcss/blob/master/stubs/defaultConfig.stub.js
 */
module.exports = {
  theme: {
    colors: {
      hakooi: {
        default: '#3341FF',
        '100': '#FFFFFF',
        '200': '#CCCFFF',
        '300': '#99A0FF',
        '400': '#6670FF',
        '500': '#3341FF',
        '600': '#0011FF',
        '700': '#000ECC',
        '800': '#000A99',
        '900': '#000766',
      },
      darkest: '#000000',
      light: '#e4e4e4',
      primary: '#12b380',
      secondary: '#008799',
      lightest: '#f3f3f3',
      white: '#ffffff',
      level2: '#ffffff',
    },
    fontSizes: {
      sm: '0.8125rem',
      base: '1rem',
      lg: '1.25rem',
      xl: '1.5rem',
      '2xl': '1.625rem',
      '3xl': '2rem',
      '4xl': '2.0625rem',
      '5xl': '2.5rem',
      '6xl': '2.625rem',
      '7xl': '3rem',
      '8xl': '3.5rem',
      '9xl': '4rem',
      '10xl': '4.5rem',
      '11xl': '5.625rem',
    },
    fonts: { bebas: 'Bebas Neue', montserrat: 'Montserrat' },
    fontFamily: {
      heading: 'bebas',
      paragraph: 'montserrat',
    },
  },
  variants: {},
  plugins: [],
}