/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        // Backgrounds — CSS-variable driven for dark/light theming
        background: {
          DEFAULT:   'rgb(var(--color-bg)           / <alpha-value>)',
          secondary: 'rgb(var(--color-bg-secondary)  / <alpha-value>)',
          card:      'rgb(var(--color-bg-card)       / <alpha-value>)',
        },
        text: {
          primary:   'rgb(var(--color-text-primary)  / <alpha-value>)',
          secondary: 'rgb(var(--color-text-secondary)/ <alpha-value>)',
          disabled:  'rgb(var(--color-text-disabled) / <alpha-value>)',
        },
        // Threat levels — vivid, same in both themes
        threat: {
          critical:    '#EF4444',
          critical_bg: '#7F1D1D',
          high:        '#F97316',
          high_bg:     '#7C2D12',
          medium:      '#EAB308',
          medium_bg:   '#713F12',
          low:         '#22C55E',
          low_bg:      '#14532D',
        },
        // Accents
        accent: {
          primary: '#3B82F6',
          success: '#10B981',
        },
      },
    },
  },
  plugins: [],
}