/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./app/**/*.{js,ts,jsx,tsx,mdx}",
    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./components/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    extend: {
      colors: {
        brand: {
          primary: "var(--brand-primary, #e31837)",
          accent: "var(--brand-accent, #ffffff)",
          bg: "var(--brand-bg, #d11226)",
          surface: "var(--brand-surface, #b30f20)",
          text: "var(--brand-text, #ffffff)",
          muted: "var(--brand-muted, rgba(255, 255, 255, 0.7))",
        },
      },
      aspectRatio: {
        "9/16": "9 / 16",
        "3/4": "3 / 4",
      },
      animation: {
        "pulse-fast": "pulse 1.2s cubic-bezier(0.4, 0, 0.6, 1) infinite",
      },
    },
  },
  plugins: [],
};