/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./src/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    extend: {
      colors: {
        primary: {
          DEFAULT: "#eeb425",
          hover: "#cf9d15",
        },
        background: "#f3f4f6",
        surface: "#ffffff",
        navbar: "#ffffff",
        accent: "#10b981",
        "accent-hover": "#16a34a",
        danger: {
          DEFAULT: "#ef4444",
          hover: "#dc2626",
        },
        secondary: "#1a1a2e",
        "navbar-text": "#1f2937",
        "text-main": "#1f2937",
        "text-muted": "#6b7280",
        "input-border": "#4b5563",
        border: "#eeb425",
      },
      fontFamily: {
        sans: ["Poppins", "sans-serif"],
      },
      borderRadius: {
        sm: "4px",
        DEFAULT: "8px",
        lg: "12px",
      },
      boxShadow: {
        dropdown: "0 2px 8px rgba(0, 0, 0, 0.15)",
        card: "0 1px 3px rgba(0, 0, 0, 0.1)",
      },
      height: {
        navbar: "64px",
      },
      backgroundImage: {
        "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
      },
    },
  },
  plugins: [],
};