import type { Config } from "tailwindcss";

const config: Config = {
  content: [
    "./app/**/*.{js,ts,jsx,tsx,mdx}",
    "./components/**/*.{js,ts,jsx,tsx,mdx}",
    "./lib/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    fontSize: {
      'xs': '12px',
      'sm': '14px',    // Design: label-md, mono-data
      'base': '16px',  // Design: body-md
      'lg': '18px',    // Design: body-lg
      'xl': '20px',
      '2xl': '24px',   // Design: headline-sm
      '3xl': '30px',
      '4xl': '32px',   // Design: headline-md
      '5xl': '48px',   // Design: headline-lg
      '6xl': '64px',
    },
    extend: {
      fontFamily: {
        sans: ["'Space Grotesk'", "sans-serif"],
      },
      colors: {
        background: "#131313",
        foreground: "#FFFFFF",
        surface: "#0A0A0A",
        "surface-container": "#121212",
        "surface-bright": "#1A1A1A",
        primary: {
          DEFAULT: "#F58618",
          foreground: "#000000",
        },
        secondary: {
          DEFAULT: "#888888",
          foreground: "#FFFFFF",
        },
        muted: {
          DEFAULT: "#444444",
          foreground: "#888888",
        },
        border: "#222222",
        success: "#00FF41",
        error: "#FF3131",
        warning: "#F58618",
      },
      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;