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',    // increased from 12px
      'sm': '15px',    // increased from 14px
      'base': '18px',  // increased from 16px
      'lg': '20px',    // increased from 18px
      'xl': '22px',    // increased from 20px
      '2xl': '26px',   // increased from 24px
      '3xl': '32px',   // increased from 30px
      '4xl': '36px',
      '5xl': '48px',
    },
    extend: {
      colors: {
        background: "#0A0E27",
        foreground: "#F0F4F8",
        surface: "#1A1F3A",
        primary: {
          DEFAULT: "#3B82F6",
          foreground: "#FFFFFF",
        },
        secondary: {
          DEFAULT: "#C7D2E0",
          foreground: "#0A0E27",
        },
        muted: {
          DEFAULT: "#8B95AD",
          foreground: "#F0F4F8",
        },
        border: "#2D3561",
        success: "#10B981",
        error: "#EF4444",
        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;