import type { Config } from "tailwindcss";

const config: Config = {
  content: [
    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./components/**/*.{js,ts,jsx,tsx,mdx}",
    "./app/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    extend: {
      colors: {
        // Design system SkillQuiz - thème sombre navy
        background: {
          DEFAULT: "#0D0F1A",
          secondary: "#131629",
          card: "#1A1D2E",
          elevated: "#1F2236",
        },
        primary: {
          DEFAULT: "#2563EB",
          hover: "#1D4ED8",
          light: "#3B82F6",
        },
        border: {
          DEFAULT: "#2A2D3E",
          light: "#3A3D50",
        },
        text: {
          primary: "#F1F5F9",
          secondary: "#94A3B8",
          muted: "#64748B",
        },
        status: {
          active: "#22C55E",
          scheduled: "#F59E0B",
          completed: "#6B7280",
          error: "#EF4444",
        },
      },
      fontFamily: {
        sans: ["Inter", "system-ui", "sans-serif"],
      },
    },
  },
  plugins: [],
};

export default config;