module.exports = {
  content: [
    "./components/**/*.{html,js,jsx}",
    "./public/index.html",
    "./src/**/*.{html,js,jsx}",
  ],
  theme: {
    extend: {
      colors: {
        "polar-night": {
          100: "#4C566A",
          200: "#434C5E",
          300: "#3B4252",
          400: "#2E3440",
        },
        "snow-storm": {
          100: "#ECEFF4",
          200: "#E5E9F0",
          300: "#D8DEE9",
        },
        frost: {
          100: "#8FBCBB",
          200: "#88C0D0",
          300: "#81A1C1",
          400: "#5E81AC",
        },
        aurora: {
          red: "#BF616A",
          orange: "#D08770",
          yellow: "#EBCB8B",
          green: "#A3BE8C",
          purple: "#B48EAD",
        },
      },
      fontFamily: {
        display: ["Inter"],
      },
    },
  },
  variants: {
    extend: {},
  },
  plugins: [require("@tailwindcss/typography")],
};