tailwind.config.js

module.exports = {
  content: [
    './src/blocks/**/*.{js,ts,jsx,tsx}',
    './src/components/**/*.{js,ts,jsx,tsx}',
  ],
  theme: {
    extend: {
      colors: {
        'primary-lightest': '#ffffff',
        'primary-lighter': '#f3f3f3',
        'primary-light': '#d9d9d9',
        primary: '#afafaf',
        'primary-dark': '#6c6c6c',
        'primary-darker': '#444444',
        'primary-darkest': '#000000',
        success: '#26c362',
        error: '#ce3d3d',
        notice: '#ffeac5',
      },
      boxShadow: {
        base: '0 4px 10px 0 rgba(33, 35, 38, 0.05)',
        lg: '0 2px 12px 0 rgba(0, 0, 0, 0.05)',
      },
    },
    screens: {
      '1x': '315px',
      sm: '350px',
      md: '370px',
      lg: '390px',
      xl: '420px',
    },
    fontSize: {
      xs: '12px',
      sm: '14px',
      base: '16px',
      lg: '18px',
      xl: '20px',
      '2xl': '24px',
      '3xl': '32px',
      '4xl': '34px',
      '5xl': '40px',
    },
  },
  plugins: [],
};