/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,tsx,jsx}",
  ],
  theme: {
    extend: {
      colors: {
        background: '#0a0c10', // Deep graphite/navy dark background
        surface: '#12161e',    // Slightly lighter surface
        primary: {
          DEFAULT: '#00d1ff',  // Electric cyan
          hover: '#00b8e6',
        },
        secondary: {
          DEFAULT: '#7c3aed',  // Violet
        },
        accent: {
          DEFAULT: '#f59e0b',  // Humanist amber
        },
        foreground: '#f8fafc', // Warm white
        muted: '#94a3b8',      // Gray/navy muted
      },
      fontFamily: {
        sans: ['Inter', 'system-ui', 'sans-serif'],
      },
    },
  },
  plugins: [],
}