/** @type {import('tailwindcss').Config} */
export default {
  content: ["./index.html", "./src/**/*.{js,jsx,ts,tsx}"],
  darkMode: "class",
  theme: {
    extend: {
      fontFamily: {
        sans: ["DM Sans", "system-ui", "sans-serif"],
        display: ["Space Grotesk", "system-ui", "sans-serif"],
      },
      colors: {
        accent: {
          DEFAULT: "#ffffff",
          light: "#f4f4f5",
          dark: "#d4d4d8",
        },
      },
      aspectRatio: {
        video: "16 / 9",
      },
    },
  },
  plugins: [],
};