import type { Config } from "tailwindcss";

export default <Partial<Config>>{
  darkMode: "class",
  theme: {
    extend: {
      colors: {
        brand: {
          50: "#EAF3FF",
          100: "#d5e7ff",
          300: "#7AB2FF",
          500: "#4F8CFF",
          700: "#356de0"
        },
        surface: {
          base: "#F8FBFF",
          card: "#FFFFFF",
          border: "#E5EEF9"
        },
        text: {
          primary: "#1F2937",
          secondary: "#6B7280"
        }
      },
      boxShadow: {
        soft: "0 10px 30px rgba(79, 140, 255, 0.09)",
        glow: "0 0 0 6px rgba(79, 140, 255, 0.08)"
      },
      borderRadius: {
        xl2: "1rem"
      },
      fontFamily: {
        sans: ["Inter", "sans-serif"]
      }
    }
  }
};