import type { Config } from "tailwindcss";

const config: Config = {
  darkMode: "class",
  content: ["./src/**/*.{ts,tsx}"],
  theme: {
    extend: {
      colors: {
        // Bousla identity — deep compass teal + warm sand accent
        bousla: {
          50: "#effaf8",
          100: "#d7f2ee",
          200: "#b3e5de",
          300: "#83d1c9",
          400: "#4fb5ad",
          500: "#2e9a92",
          600: "#1f7d78",
          700: "#1b6461",
          800: "#19504f",
          900: "#174342",
          950: "#072727",
        },
        sand: {
          400: "#f0b429",
          500: "#de911d",
          600: "#cb6e17",
        },
      },
      fontFamily: {
        sans: ["var(--font-cairo)", "Segoe UI", "Tahoma", "Arial", "sans-serif"],
      },
      boxShadow: {
        card: "0 1px 3px 0 rgb(15 42 45 / 0.08), 0 1px 2px -1px rgb(15 42 45 / 0.06)",
        "card-hover": "0 8px 24px -6px rgb(15 42 45 / 0.16)",
      },
    },
  },
  plugins: [],
};

export default config;