/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        bg: {
          base: 'var(--bg-base)',
          surface: 'var(--bg-surface)',
          elevated: 'var(--bg-elevated)',
          card: 'var(--bg-card)',
          'surface-hover': 'var(--bg-surface-hover)',
        },
        stroke: {
          DEFAULT: 'var(--stroke-default)',
          light: 'var(--stroke-light)',
        },
        fg: {
          DEFAULT: 'var(--fg-default)',
          sub: 'var(--fg-sub)',
          disabled: 'var(--fg-disabled)',
        },
        color: {
          accent: 'var(--color-accent)',
          info: 'var(--color-info)',
          tertiary: 'var(--color-tertiary)',
          danger: 'var(--color-danger)',
          warning: 'var(--color-warning)',
          caution: 'var(--color-caution)',
          success: 'var(--color-success)',
          boom: {
            DEFAULT: 'var(--color-boom)',
            hover: 'var(--color-boom-hover)',
          },
        },
      },
      fontSize: {
        'display-1': ['3.75rem', { lineHeight: '1.3' }],
        'display-2': ['2.5rem', { lineHeight: '1.3' }],
        'display-3': ['2.25rem', { lineHeight: '1.4' }],
        'heading-1': ['2rem', { lineHeight: '1.4' }],
        'heading-2': ['1.5rem', { lineHeight: '1.4' }],
        'heading-3': ['1.375rem', { lineHeight: '1.4' }],
        'title-1': ['1.125rem', { lineHeight: '1.5' }],
        'title-2': ['1rem', { lineHeight: '1.5' }],
        'body-1': ['0.875rem', { lineHeight: '1.6' }],
        'body-2': ['0.8125rem', { lineHeight: '1.6' }],
        'label-1': ['0.75rem', { lineHeight: '1.5' }],
        'label-2': ['0.6875rem', { lineHeight: '1.5' }],
        'caption': ['0.6875rem', { lineHeight: '1.5' }],
      },
      fontFamily: {
        sans: ['PretendardGOV', '-apple-system', 'BlinkMacSystemFont', 'Apple SD Gothic Neo', 'Pretendard Variable', 'Pretendard', 'Roboto', 'Noto Sans KR', 'Segoe UI', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'sans-serif'],
        mono: ['PretendardGOV', '-apple-system', 'BlinkMacSystemFont', 'Apple SD Gothic Neo', 'Pretendard Variable', 'Pretendard', 'Roboto', 'Noto Sans KR', 'Segoe UI', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'sans-serif'],
        korean: ['PretendardGOV', '-apple-system', 'BlinkMacSystemFont', 'Apple SD Gothic Neo', 'Pretendard Variable', 'Pretendard', 'Roboto', 'Noto Sans KR', 'Segoe UI', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'sans-serif'],
      },
      borderRadius: {
        sm: '6px',
        md: '10px',
      },
    },
  },
  plugins: [],
}