import type { Config } from "tailwindcss";

const config: Config = {
  content: [
    "./app/**/*.{js,ts,jsx,tsx,mdx}",
    "./components/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    fontSize: {
      'xs': '13px',
      'sm': '15px',
      'base': '18px',
      'lg': '20px',
      'xl': '22px',
      '2xl': '26px',
      '3xl': '32px',
      '4xl': '36px',
      '5xl': '48px',
    },
    extend: {
      fontFamily: {
        sans: ["var(--font-body)", "Inter", "sans-serif"],
        data: ["var(--font-data)", "Space Grotesk", "sans-serif"],
      },
      colors: {
        background: "#0c1322",
        foreground: "#dce2f7",
        surface: {
          DEFAULT: "#0c1322",
          container: "#191f2f",
          bright: "#323949",
        },
        primary: {
          DEFAULT: "#ffc174",
          foreground: "#472a00",
        },
        secondary: {
          DEFAULT: "#ffb599",
          foreground: "#5a1c00",
        },
        muted: {
          DEFAULT: "#8B95AD",
          foreground: "#dce2f7",
        },
        outline: {
          DEFAULT: "#a08e7a",
          variant: "#534434",
        },
        border: "#a08e7a",
        success: "#10B981",
        error: "#ffb4ab",
        warning: "#f59e0b",
      },
      keyframes: {
        scan: {
          '0%, 100%': { top: '0%' },
          '50%': { top: '100%' },
        }
      },
      animation: {
        'scan-fast': 'scan 2.5s ease-in-out infinite',
        'spin-slow': 'spin 3s linear infinite',
      }
    },
  },
  plugins: [],
};
export default config;