/** @type {import('tailwindcss').Config} */
export default {
  content: ['./src/**/*.{svelte,js,ts,html}'],
  darkMode: 'class',  // Class-based theming (dark/light toggle)
  theme: {
    extend: {
      colors: {
        // Dark mode colors
        'nsct-dark-bg': '#0f0f23',
        'nsct-dark-surface': '#1a1a2e',
        'nsct-dark-border': '#2d2d44',
        'nsct-dark-text': '#e0e0e0',
        'nsct-dark-text-secondary': '#a0a0b0',
        'nsct-dark-hover': '#2a2a3e',
        // Light mode colors
        'nsct-light-bg': '#ffffff',
        'nsct-light-surface': '#f8f9fa',
        'nsct-light-border': '#e0e0e0',
        'nsct-light-text': '#1a1a1a',
        'nsct-light-text-secondary': '#666666',
        'nsct-light-hover': '#f0f0f0',
        // Accent
        'nsct-accent': '#6366f1',
        'nsct-accent-hover': '#4f46e5',
        'nsct-success': '#22c55e',
        'nsct-warning': '#f59e0b',
        'nsct-error': '#ef4444',
        'nsct-info': '#3b82f6'
      }
    }
  },
  plugins: []
};