/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./*.html", "./src/**/*.{html,js}", "./scripts/**/*.js"],
  theme: {
    screens: {
      sm: "640px",
      md: "768px",
      lg: "1024px",
      xl: "1280px",
      "2xl": "1536px",
    },
    extend: {
      fontFamily: {
        montserrat: ["Montserrat", "sans-serif"],
        playfair: ["Playfair Display", "serif"],
      },
      colors: {
        white: "#FFFFFF",
        "dark-charcoal": "#2F2F2F",
        black: "#000000",
        "uc-gold": "#B8873F",
        "floral-white": "#FCF8F3",
        axolotl: "#6F776B",
        "dark-charcoal-ii": "#212121",
        "eerie-black": "#1A1A1A",
        "taupe-gray": "#888888",
        "davys-grey": "#595959",
        "granite-gray": "#666666",
        "light-silver": "#D7D7D7",
        "quick-silver": "#A0A0A0",
        linen: "#FAF0E6",
        "light-bg": "#F4F5F7",
      },
      spacing: {
        396: "396px",
        398: "398px",
        420: "420px",
        259: "259px",
        649: "649px",
        183: "183px",
        150: "150px",
        100: "100px",
        120: "120px",
        60: "240px",
        180: "720px",
        360: "1440px",
      },
      textShadow: {
        default: "0 2px 4px rgba(0,0,0,0.1)",
        lg: "2px 2px 4px rgba(0,0,0,0.3)",
        xl: "4px 4px 8px rgba(0,0,0,0.4)",
      },
    },
  },
  plugins: [require("tailwindcss-textshadow")],
};