import type { Config } from "tailwindcss";

const config: Config = {
  content: [
    "./app/**/*.{js,ts,jsx,tsx,mdx}",
    "./components/**/*.{js,ts,jsx,tsx,mdx}",
    "./lib/**/*.{js,ts,jsx,tsx,mdx}"
  ],
  theme: {
    extend: {
      colors: {
        alpine: {
          50: "#f3f8fc",
          100: "#dfeef8",
          200: "#badbf0",
          300: "#87bedd",
          400: "#569fc7",
          500: "#3a81ab",
          600: "#2b6488",
          700: "#204a66",
          800: "#163246",
          900: "#0c1d2a"
        },
        copper: {
          50: "#fdf8f2",
          100: "#f9ebdc",
          200: "#f2d0ae",
          300: "#e8b07a",
          400: "#dd904f",
          500: "#c9722d",
          600: "#a55a23",
          700: "#7f451b",
          800: "#5a3113",
          900: "#381e0c"
        },
        moss: {
          500: "#1f6b56",
          600: "#155141"
        }
      },
      boxShadow: {
        soft: "0 18px 36px rgba(8, 26, 41, 0.12)",
        card: "0 10px 24px rgba(12, 32, 50, 0.10)"
      },
      backgroundImage: {
        "alpine-grid":
          "linear-gradient(rgba(16, 58, 90, 0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(16, 58, 90, 0.06) 1px, transparent 1px)"
      }
    }
  },
  plugins: []
};

export default config;