module.exports = {
  darkMode: 'class',
  content: [
    './src/**/*.{astro,js,jsx,ts,tsx,vue,svelte}',
    './public/**/*.html',
  ],
  theme: {
    extend: {
      colors: {
        'black-deep': '#121214',
        'black-medium': '#18181b',
        'silver-metallic': '#c0c0c0',
        'silver-light': '#e5e7eb',
        'silver-dark': '#a3a3a3',
        'accent-blue': '#1E3A8A',
        'accent-gold': '#B7935A',
      },
      fontFamily: {
        sans: ['Inter', 'Lato', 'ui-sans-serif', 'system-ui'],
      },
      boxShadow: {
        silver: '0 4px 32px 0 rgba(192,192,192,0.15)',
        inner: 'inset 0 2px 4px 0 rgba(0, 0, 0, 0.15)',
      },
      animation: {
        'pulse-slow': 'pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite',
      },
      backgroundImage: {
        'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
        'gradient-conic': 'conic-gradient(var(--tw-gradient-stops))',
      },
    },
  },
  plugins: [require('@tailwindcss/typography')],
};