/** Prism UI Kit: Tailwind preset (design tokens).
 *  Use it in any Tailwind 3 project:  presets: [require("./tokens/prism-preset.cjs")]
 *  EDIT the brand scale below to re-theme every component at once. */
module.exports = {
  theme: {
    extend: {
      colors: {
        brand: { 50: "#F4F1FF", 100: "#EAE4FF", 200: "#D7CCFF", 300: "#BBA8FF", 400: "#9C80FF", 500: "#8A6BFF", 600: "#7C5CFF", 700: "#6440E6", 800: "#5233BD", 900: "#432C96", 950: "#281A5C" },
        ink: "#0B0B14", // dark-mode page background
      },
      fontFamily: {
        sans: ["Geist", "ui-sans-serif", "system-ui", "sans-serif"],
        mono: ["Geist Mono", "ui-monospace", "SFMono-Regular", "monospace"],
      },
      boxShadow: {
        xs: "0 1px 2px rgba(16,12,40,.06)",
        card: "0 1px 2px rgba(16,12,40,.04), 0 8px 24px -12px rgba(16,12,40,.12)",
        pop: "0 24px 60px -20px rgba(40,26,92,.35)",
        glow: "0 20px 50px -18px rgba(124,92,255,.55)",
        btn: "0 1px 0 rgba(255,255,255,.25) inset, 0 6px 16px -6px rgba(124,92,255,.6)",
        "btn-hover": "0 1px 0 rgba(255,255,255,.25) inset, 0 10px 24px -8px rgba(124,92,255,.7)",
      },
      backgroundImage: {
        dots: "radial-gradient(rgba(124,92,255,.14) 1px, transparent 1px)",
      },
      keyframes: {
        aurora: { "0%,100%": { transform: "translateX(-50%) scale(1)", opacity: ".9" }, "50%": { transform: "translateX(-46%) scale(1.1)", opacity: "1" } },
        gradient: { "0%,100%": { backgroundPosition: "0% 50%" }, "50%": { backgroundPosition: "100% 50%" } },
        "fade-up": { from: { opacity: "0", transform: "translateY(24px)" }, to: { opacity: "1", transform: "none" } },
        shimmer: { from: { backgroundPosition: "200% 0" }, to: { backgroundPosition: "-200% 0" } },
        float: { "0%,100%": { transform: "translateY(0)" }, "50%": { transform: "translateY(-10px)" } },
        draw: { from: { strokeDashoffset: "1" }, to: { strokeDashoffset: "0" } },
        indeterminate: { from: { transform: "translateX(-100%)" }, to: { transform: "translateX(300%)" } },
        pop: { from: { opacity: "0", transform: "translateY(12px) scale(.96)" }, to: { opacity: "1", transform: "none" } },
      },
      animation: {
        aurora: "aurora 14s ease-in-out infinite",
        gradient: "gradient 8s ease-in-out infinite",
        "fade-up": "fade-up .9s cubic-bezier(.2,.7,.2,1) both",
        shimmer: "shimmer 1.8s linear infinite",
        float: "float 6s ease-in-out infinite",
        "float-slow": "float 9s ease-in-out infinite",
        draw: "draw 1.4s .4s cubic-bezier(.6,.1,.2,1) both",
        indeterminate: "indeterminate 1.4s ease-in-out infinite",
        pop: "pop .35s cubic-bezier(.2,.8,.2,1) both",
        "spin-slow": "spin 14s linear infinite",
      },
    },
  },
};