/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./contents/**/*.html", "./assets/js/**/*.js"],
  theme: {
    screens: {
      xs: "375px",
      sm: "576px",
      md: "768px",
      lg: "992px",
      xl: "1200px",
      xxl: "1400px",
    },
    container: {
      center: true,
      padding: {
        DEFAULT: "0.8rem",
        sm: "1rem",
        md: "2.2rem",
        lg: "2.2rem",
        xl: "2.2rem",
        xxl: "3.8rem",
      },
    },
    extend: {
      colors: {
        graphite: "#A6A6A6",
      },
      fontFamily: {
        gilroyMedium: "gilroyMedium, sans serif",
        gilroyRegular: "gilroyRegular, sans serif",
        gilroyBold: "gilroyBold, sans serif",
      },
    },
  },
  plugins: [],
};
