/** @type {import('tailwindcss').Config} */
export default {
  darkMode: 'class',
  content: ['./index.html', './src/**/*.{js,jsx}'],
  theme: {
    extend: {
      colors: {
        accent: {
          DEFAULT: '#0095f6',
          hover: '#0081d6',
          light: '#47b5ff',
        },
        surface: {
          page: '#0a0a0a',
          sidebar: '#111111',
          card: '#161616',
          input: '#1a1a1a',
        },
        border: {
          DEFAULT: '#222222',
          light: '#333333',
        },
      },
      animation: {
        fadeIn: 'fadeIn 0.5s ease-in-out',
      },
      keyframes: {
        fadeIn: {
          '0%': { opacity: '0' },
          '100%': { opacity: '1' },
        },
      },
      fontFamily: {
        mono: ['SF Mono', 'Monaco', 'Inconsolata', 'Fira Mono', 'Droid Sans Mono', 'Source Code Pro', 'monospace'],
      },
    },
  },
  plugins: [],
}