import type { Config } from "tailwindcss";

export default {
  darkMode: "class",
  content: [
    "./index.html",
    "./src/**/*.{ts,tsx}",
    "../../packages/ui/src/**/*.{ts,tsx}",
  ],
  theme: {
    extend: {
      fontFamily: {
        sans: [
          "Inter",
          "-apple-system",
          "BlinkMacSystemFont",
          "Segoe UI",
          "sans-serif",
        ],
      },
      keyframes: {
        // Sehr langsames, kaum wahrnehmbares Wandern des Ambient-Gradient-
        // Hintergrunds beim Android-Startbildschirm-Design (siehe
        // MobileAndroidHome.tsx) - über motion-safe: nur aktiv, wenn das
        // Betriebssystem "reduzierte Bewegung" nicht eingeschaltet hat.
        drift: {
          "0%, 100%": { transform: "translate(0%, 0%) scale(1)" },
          "50%": { transform: "translate(-4%, 3%) scale(1.06)" },
        },
      },
      animation: {
        drift: "drift 26s ease-in-out infinite",
      },
    },
  },
  plugins: [],
} satisfies Config;