import type { Config } from "tailwindcss";

export default {
  content: [
    "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    extend: {
      colors: {
        // Primary colors (Rose)
        primary: {
          DEFAULT: "var(--color-primary)",
          50: "var(--color-rose-50)",
          100: "var(--color-primary-100)",
          200: "var(--color-primary-200)",
          300: "var(--color-primary-300)",
          400: "var(--color-primary-400)",
          500: "var(--color-primary-500)",
          600: "var(--color-primary-600)",
          700: "var(--color-primary-700)",
          800: "var(--color-primary-800)",
          900: "var(--color-primary-900)",
          950: "var(--color-rose-950)",
        },
        // Secondary colors (Deluge)
        secondary: {
          DEFAULT: "var(--color-secondary)",
          50: "var(--color-deluge-50)",
          100: "var(--color-secondary-100)",
          200: "var(--color-secondary-200)",
          300: "var(--color-secondary-300)",
          400: "var(--color-secondary-400)",
          500: "var(--color-secondary-500)",
          600: "var(--color-secondary-600)",
          700: "var(--color-secondary-700)",
          800: "var(--color-secondary-800)",
          900: "var(--color-secondary-900)",
          950: "var(--color-deluge-950)",
        },
        // Accent Blue (Malibu)
        accent: {
          DEFAULT: "var(--color-accent-blue)",
          50: "var(--color-malibu-50)",
          100: "var(--color-accent-blue-100)",
          200: "var(--color-accent-blue-200)",
          300: "var(--color-accent-blue-300)",
          400: "var(--color-accent-blue-400)",
          500: "var(--color-accent-blue-500)",
          600: "var(--color-accent-blue-600)",
          700: "var(--color-accent-blue-700)",
          800: "var(--color-accent-blue-800)",
          900: "var(--color-accent-blue-900)",
          950: "var(--color-malibu-950)",
        },
        // Accent Yellow (Gamboge)
        yellow: {
          DEFAULT: "var(--color-accent-yellow)",
          50: "var(--color-accent-yellow-50)",
          100: "var(--color-accent-yellow-100)",
          200: "var(--color-accent-yellow-200)",
          300: "var(--color-accent-yellow-300)",
          400: "var(--color-accent-yellow-400)",
          500: "var(--color-accent-yellow-500)",
          600: "var(--color-accent-yellow-600)",
          700: "var(--color-accent-yellow-700)",
          800: "var(--color-accent-yellow-800)",
          900: "var(--color-accent-yellow-900)",
          950: "var(--color-accent-yellow-950)",
        },
        // Grays (Ebony Clay)
        gray: {
          DEFAULT: "var(--color-gray-500)",
          100: "var(--color-gray-100)",
          200: "var(--color-gray-200)",
          300: "var(--color-gray-300)",
          400: "var(--color-gray-400)",
          500: "var(--color-gray-500)",
          600: "var(--color-gray-600)",
          700: "var(--color-gray-700)",
          800: "var(--color-gray-800)",
          900: "var(--color-gray-900)",
          950: "var(--color-ebony-clay-950)",
        },
        // Semantic colors
        danger: {
          DEFAULT: "var(--color-danger)",
          50: "var(--color-danger-50)",
          100: "var(--color-danger-100)",
          200: "var(--color-danger-200)",
          300: "var(--color-danger-300)",
          400: "var(--color-danger-400)",
          500: "var(--color-danger-500)",
          600: "var(--color-danger-600)",
          700: "var(--color-danger-700)",
          800: "var(--color-danger-800)",
          900: "var(--color-danger-900)",
          950: "var(--color-danger-950)",
        },
        success: {
          DEFAULT: "var(--color-success)",
          50: "var(--color-success-50)",
          100: "var(--color-success-100)",
          200: "var(--color-success-200)",
          300: "var(--color-success-300)",
          400: "var(--color-success-400)",
          500: "var(--color-success-500)",
          600: "var(--color-success-600)",
          700: "var(--color-success-700)",
          800: "var(--color-success-800)",
          900: "var(--color-success-900)",
          950: "var(--color-success-950)",
        },
        warning: {
          DEFAULT: "var(--color-warning)",
          50: "var(--color-warning-50)",
          100: "var(--color-warning-100)",
          200: "var(--color-warning-200)",
          300: "var(--color-warning-300)",
          400: "var(--color-warning-400)",
          500: "var(--color-warning-500)",
          600: "var(--color-warning-600)",
          700: "var(--color-warning-700)",
          800: "var(--color-warning-800)",
          900: "var(--color-warning-900)",
          950: "var(--color-warning-950)",
        },
        // Legacy support
        background: "var(--color-background)",
        foreground: "var(--color-foreground)",
      },
      borderRadius: {
        DEFAULT: "4px",
        sm: "2px",
        md: "4px",
        lg: "8px",
        xl: "12px",
        "2xl": "16px",
      },
      fontFamily: {
        default: ['"Anta"', 'serif'],
        sans: ['Inter', 'system-ui', 'sans-serif'],
      },
    },
  },
  plugins: [],
} satisfies Config;