// tailwind.config.js
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./src/**/*.{js,ts,jsx,tsx}",
    "./app/**/*.{js,ts,jsx,tsx}"
  ],
  darkMode: "class", // enable class-based dark mode
  theme: {
    extend: {
      colors: {
        // Brand-specific colors used in UI components
        biker: "#1e3a8a", // deep blue for Biker theme
        swapstation: "#7c3aed", // purple for Shop/Merchant theme
        accent: "#6366f1", // primary accent (indigo)
        "accent-dark": "#4f46e5", // darker accent for hover states
        // Additional subtle shades for UI elements
        "bg-dark": "#1f2937",
        "bg-darker": "#111827",
        "text-muted": "#9ca3af"
      },
      backgroundImage: {
        // optional gradient for hero background
        "hero-gradient": "radial-gradient(circle at top left, #1e293b, #111827)"
      }
    }
  },
  plugins: []
};
