/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    extend: {
      colors: {
        up: "#ff6b6b",
        down: "#34d399",
        hot: "#f59e0b",
        bg: {
          primary: "#0a0a0c",
          secondary: "#101013",
          card: "#161619",
          elevated: "#1e1e22",
        },
        text: {
          primary: "#f5f5f7",
          secondary: "#9898a4",
          muted: "#58585f",
        },
        accent: {
          amber: "#f59e0b",
          cyan: "#22d3ee",
        },
      },
      fontFamily: {
        display: ["'Outfit'", "system-ui", "sans-serif"],
        mono: ["'SF Mono'", "'JetBrains Mono'", "ui-monospace", "monospace"],
      },
      borderRadius: {
        "2xl": "16px",
        "3xl": "20px",
      },
      boxShadow: {
        card: "0 4px 24px rgba(0, 0, 0, 0.3)",
        glow: "0 0 20px rgba(245, 158, 11, 0.12)",
        "glow-sm": "0 0 10px rgba(245, 158, 11, 0.08)",
      },
      animation: {
        "fade-in-up": "fadeInUp 0.5s cubic-bezier(0.4, 0, 0.2, 1) both",
        shimmer: "shimmer 2s infinite",
        "pulse-ring": "pulse-ring 2s ease-in-out infinite",
      },
      keyframes: {
        fadeInUp: {
          from: { opacity: "0", transform: "translateY(12px)" },
          to: { opacity: "1", transform: "translateY(0)" },
        },
        shimmer: {
          "0%": { backgroundPosition: "-200% 0" },
          "100%": { backgroundPosition: "200% 0" },
        },
        pulseRing: {
          "0%, 100%": { transform: "scale(0.9)", opacity: "0.7" },
          "50%": { transform: "scale(1.05)", opacity: "1" },
        },
      },
    },
  },
  plugins: [],
};