import type { Config } from "tailwindcss";

const config: Config = {
  content: ["./app/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}", "./messages/**/*.{ts,tsx}"],
  theme: {
    extend: {
      colors: {
        ink: "#111317",
        smoke: "#f6f5f2",
        silver: "#d8dde5",
        optical: "#315f8f"
      },
      fontFamily: {
        sans: ["var(--font-sans)"],
        display: ["var(--font-display)"],
        arabic: ["var(--font-arabic)", "system-ui", "sans-serif"]
      },
      boxShadow: {
        glass: "0 24px 80px rgba(17, 19, 23, 0.10)",
        soft: "0 18px 50px rgba(49, 95, 143, 0.13)"
      }
    }
  },
  plugins: []
};

export default config;