tailwind.config.ts

import type { Config } from 'tailwindcss';

const config: Config = {
  content: [
    './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
    './src/components/**/*.{js,ts,jsx,tsx,mdx}',
    './src/app/**/*.{js,ts,jsx,tsx,mdx}',
  ],
  theme: {
    extend: {
      colors: {
        'gray-1000': 'rgba(1, 1, 1, 1)',
        'gray-900': 'rgba(49, 49, 49, 1)',
        'gray-800': 'rgba(77, 77, 77, 1)',
        'gray-700': 'rgba(103, 103, 103, 1)',
        'gray-600': 'rgba(144, 144, 144, 1)',
        'gray-500': 'rgba(181, 181, 181, 1)',
        'gray-400': 'rgba(208, 208, 208, 1)',
        'gray-300': 'rgba(227, 227, 227, 1)',
        'gray-200': 'rgba(243, 243, 243, 1)',
        'gray-100': 'rgba(249, 249, 249, 1)',
        'main-700': 'rgba(21, 68, 208, 1)',
        'main-600': 'rgba(65, 113, 255, 1)',
        'main-500': 'rgba(98, 132, 232, 1)',
        'main-400': 'rgba(160, 184, 255, 1)',
        'main-300': 'rgba(160, 184, 255, 1)',
        'main-200': 'rgba(217, 227, 255, 1)',
        'main-100': 'rgba(236, 241, 255, 1)',
        red: 'rgba(255, 65, 65, 1)',
        pink: 'rgba(255,228,224,0.5)',

        accent: {
          DEFAULT: 'hsl(var(--accent))',
          foreground: 'hsl(var(--accent-foreground))',
        },
      },
      fontSize: {
        'large-title': '2.4rem',
        'large-1': '2.3rem',
        'headline-1': '2.2rem',
        'headline-2': '2.1rem',
        'headline-3': '1.8rem',
        'body-1': '1.7rem',
        'body-2': '1.5rem',
        'content-1': '1.4rem',
        'content-2': '1.2rem',
      },
      backgroundImage: {
        'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
        'gradient-conic':
          'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
        select: "url('/images/studyLabel/arrow_down.svg')",
      },
      fontFamily: {
        pretendard: ['Pretendard Variable', 'sans-serif'],
      },
    },
    boxShadow: {
      modal: '0px 0px 4px rgba(0, 0, 0, 0.1)',
    },
    dropShadow: {
      bookmark: '0 1px 1px rgba(0, 0, 0, 0.25)',
    },
    backgroundPosition: {
      bottom: 'bottom',
      center: 'center',
      left: 'left',
      right: 'right',
      top: 'top',
      'right-arrow': 'center right .8rem',
    },
    backgroundSize: {
      auto: 'auto',
      cover: 'cover',
      contain: 'contain',
      '2': '2rem',
    },
  },
  plugins: [require('tailwind-scrollbar-hide')],
};

export default config;