/** @type {import('tailwindcss').Config} */
module.exports = {
  darkMode: "class",
  content: [
    "./components/**/*.{js,vue,ts}",
    "./layouts/**/*.vue",
    "./pages/**/*.vue",
    "./content/**/*.mdc",
    "./plugins/**/*.{js,ts}",
    "./nuxt.config.{js,ts}",
    "./app.vue",
  ],
  theme: {
    extend: {
      colors: {
        "sea-green": "#00FFC2",
        fuschia: "#EB0066",
        "soft-lavender": "#F6EEFE",
        "touched-lavender": "#F5EDFE",
        midnight: "#080908",
        "dark-slate": "#0C0B0C",
        "deep-indigo": "#393041",
        "midnight-slate": "#2F353D",
        "obsidian-night": "#131316",
        "soft-lilac": "#DCD6E6",
      },
      screens: {
        xs: "512px",
        "3xl": "1792px",
      },
      keyframes: {
        blink: {
          "from, to": { opacity: "0" },
          "50%": { opacity: "1" },
        },
      },
      animation: {
        blink: "blink 1s step-end infinite",
      },
    },
  },
  plugins: [],
};
