/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        bg: {
          base: '#0a0e1a',
          surface: '#0f1524',
          elevated: '#121929',
          card: '#1a2236',
          'surface-hover': '#1e2844',
        },
        stroke: {
          DEFAULT: '#1e2a42',
          light: '#2a3a5c',
        },
        fg: {
          DEFAULT: '#edf0f7',
          sub: '#c0c8dc',
          disabled: '#9ba3b8',
        },
        color: {
          accent: '#06b6d4',
          info: '#3b82f6',
          tertiary: '#a855f7',
          danger: '#ef4444',
          warning: '#f97316',
          caution: '#eab308',
          success: '#22c55e',
          boom: {
            DEFAULT: '#f59e0b',
            hover: '#fbbf24',
          },
        },
      },
      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: [],
}