import type { Config } from "tailwindcss";
import defaultTheme from "tailwindcss/defaultTheme";

const config: Config = {
  content: [
    "./app/**/*.{ts,tsx}",
    "./components/**/*.{ts,tsx}",
    "./content/**/*.{ts,tsx}",
    "./lib/**/*.{ts,tsx}"
  ],
  theme: {
    extend: {
      colors: {
        brand: {
          navy: "#0B2545",
          navyMedium: "#13395E",
          goldLight: "#E7D7C4",
          goldMedium: "#C59C6D",
          goldDark: "#B38B5E",
          grayAccent: "#8B9099",
          grayDark: "#5C6572"
        }
      },
      fontFamily: {
        sans: ["var(--font-proxima)", ...defaultTheme.fontFamily.sans],
        display: ["var(--font-proxima)", ...defaultTheme.fontFamily.sans]
      },
      backgroundImage: {
        "gradient-radial":
          "radial-gradient(circle at top left, rgba(197,156,109,0.2), transparent 60%)",
        "gradient-conic":
          "conic-gradient(from 180deg at 50% 50%, rgba(197,156,109,0.25), transparent 60%)"
      },
      boxShadow: {
        glow: "0px 20px 60px rgba(197, 156, 109, 0.25)"
      }
    }
  },
  plugins: []
};

export default config;