/** @type {import('tailwindcss').Config} */
export default {
  content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
  darkMode: 'class',
  theme: {
    extend: {
      colors: {
        gemini: {
          canvas: '#131314',
          surface: '#1e1f20',
          elevated: '#282a2c',
          hover: '#333537',
          border: '#3c4043',
          subtle: 'rgba(255, 255, 255, 0.08)',
          blue: '#a8c7fa',
          blueContainer: '#004a77',
          blueOnContainer: '#d3e3fd',
          green: '#a8dab5',
          red: '#f28b82',
          yellow: '#fdd663',
          text: '#e3e3e3',
          secondary: '#c4c7c5',
          tertiary: '#8e918f',
        },
      },
      fontFamily: {
        sans: ['Inter', 'system-ui', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'sans-serif'],
        mono: ['JetBrains Mono', 'Fira Code', 'monospace'],
      },
      boxShadow: {
        soft: '0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.2)',
        card: '0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -2px rgba(0, 0, 0, 0.2)',
      },
    },
  },
  plugins: [],
};