tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    extend: {
      colors: {
        primary: "#FF8E3C",
        secondary: "#654321",
        dark: "#2A2A2A",
        black: "#0D0D0D",
        blue: "#00BBFF",
        concrete: "#F2F2F2",
        monte: "#8CD4D4",
        light: "#CFCFCF",
        anakiwa: "#B3DFFF",
      },
      fontFamily: {
        "josefin-sans": "var(--font-josefin-sans)",
        inter: "var(--font-inter)",
      },
      borderWidth: {
        0.5: "0.5px",
      },
      padding: {
        18: "72px",
      },
      backgroundImage: {
        "hero-image": "url(/assets/cdc-20YP7NENJzk-unsplash.jpg)",
        "kids-image": "url(/assets/cole-keister-rPlYtGgoxho-unsplash.jpg)",
      },
    },
  },
  plugins: [],
};