import type { Config } from "tailwindcss";

const config: Config = {
  content: [
    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./components/**/*.{js,ts,jsx,tsx,mdx}",
    "./app/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    extend: {
      colors: {
        // FiberOps design tokens
        fiberops: {
          primary: '#0891B2',
          'primary-dark': '#0E7490',
          secondary: '#22D3EE',
          cta: '#059669',
          'cta-hover': '#047857',
          bg: '#F8FAFC',
          surface: '#FFFFFF',
          text: '#0F172A',
          muted: '#64748B',
          border: '#E2E8F0',
          danger: '#EF4444',
          warning: '#F59E0B',
          success: '#059669',
        },
      },
      fontFamily: {
        sans: ['var(--font-fira-sans)', 'Inter', 'system-ui', 'sans-serif'],
        mono: ['var(--font-fira-code)', 'JetBrains Mono', 'monospace'],
      },
      borderRadius: {
        sm: '6px',
        DEFAULT: '10px',
        lg: '14px',
        xl: '20px',
      },
    },
  },
  plugins: [],
};

export default config;