module.exports = {
  content: [
    "../lib/**/*.ex",
    "../lib/**/*.leex",
    "../lib/**/*.heex",
    "../lib/**/*.eex",
    "./js/**/*.js",
  ],
  theme: {
    fontFamily: {
      sans: ["Inter"],
      mono: ["JetBrains Mono", "monospace"],
    },
    extend: {
      colors: {
        blue: {
          50: "#F5F7FF",
          100: "#ECF0FF",
          200: "#D8E0FF",
          300: "#B2C1FF",
          400: "#8BA2FF",
          500: "#6583FF",
          600: "#3E64FF",
          700: "#2D4CDB",
          800: "#1F37B7",
          900: "#132593",
        },
        gray: {
          50: "#F8FAFC",
          100: "#F0F5F9",
          200: "#E1E8F0",
          300: "#CAD5E0",
          400: "#91A4B7",
          500: "#61758A",
          600: "#445668",
          700: "#304254",
          800: "#1C2A3A",
          900: "#0D1829",
        },
        red: {
          50: "#FDF3F4",
          100: "#FCE8E9",
          200: "#F8D1D2",
          300: "#F1A3A6",
          400: "#E97579",
          500: "#E2474D",
          600: "#DB1920",
          700: "#BC1227",
          800: "#9D0C2B",
          900: "#7F072B",
        },
      },
    },
  },
  plugins: [],
};