/** @type {import('tailwindcss').Config} */
export default {
  content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
  theme: {
    extend: {
      colors: {
        th: {
          bg: 'var(--bg-primary)',
          'bg-s': 'var(--bg-secondary)',
          'bg-t': 'var(--bg-tertiary)',
          text: 'var(--text-primary)',
          'text-s': 'var(--text-secondary)',
          accent: 'var(--accent)',
          'accent-h': 'var(--accent-hover)',
          'accent-t': 'var(--accent-text)',
          border: 'var(--border)',
          card: 'var(--card-bg)',
          input: 'var(--input-bg)',
          'input-b': 'var(--input-border)',
          nav: 'var(--nav-bg)',
          side: 'var(--sidebar-bg)',
          hover: 'var(--hover-bg)',
          success: 'var(--success)',
          warning: 'var(--warning)',
          error: 'var(--error)',
          ring: 'var(--ring)',
        },
      },
      fontFamily: {
        sans: ['Inter', 'system-ui', '-apple-system', 'sans-serif'],
      },
      boxShadow: {
        'th': '0 1px 3px 0 var(--shadow-color), 0 1px 2px -1px var(--shadow-color)',
        'th-lg': '0 10px 15px -3px var(--shadow-color), 0 4px 6px -4px var(--shadow-color)',
      },
    },
  },
  plugins: [],
};