/** @type {import('tailwindcss').Config} */
export default {
  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
  theme: {
    fontFamily: {
      sans: ["Roboto Mono", "system-ui"],
      headline: ["Roboto Mono", "system-ui"],
    },
    fontSize: {
      title: ["5rem", { fontWeight: "800" }],
      subT: ["3.5rem", { fontWeight: "800" }],
      subTMini: ["1.4rem", { fontWeight: "800" }],
      tags: ["0.8rem", { fontWeight: "400" }],
      sm: "0.8rem",
      base: "1rem",
      xl: "1.25rem",
      "2xl": "1.563rem",
      "3xl": "1.953rem",
      "4xl": "2.441rem",
      "5xl": "3.052rem",
    },
    extend: {
      colors: {
        neon: "#ccff00",
        bgColor: "#302f39",
      },
      dropShadow: {
        light: "0 0 5px theme('colors.indigo.800')",
        yellow: "0 0 9px theme('colors.lime.400')",
        doublelight: [
          "0 0 5px theme('colors.lime.400')",
          "0 0 15px theme('colors.yellow.400')",
        ],
        active: [
          "0 0 5px theme('colors.lime.400')",
          "0 0 15px theme('colors.indigo.950')",
        ],
      },
    },
  },
  plugins: [],
};