/** Minimal consolidated Tailwind shared config for the monorepo */
/** @type {import('tailwindcss').Config} */
module.exports = {
  darkMode: 'class',
  important: true,
  theme: {
    screens: {
      xs: '540px',
      sm: '640px',
      md: '768px',
      lg: '1024px',
      xl: '1280px',
      '2xl': '1536px',
    },
    fontFamily: {
      sans: ['"Nunito", sans-serif'],
      nunito: ['"Nunito", sans-serif'],
      cursive: ['"Alex Brush", cursive'],
      serif: ['"EB Garamond", serif'],
    },
    container: {
      center: true,
      padding: {
        DEFAULT: '12px',
        sm: '1rem',
        lg: '45px',
        xl: '5rem',
        '2xl': '13rem',
      },
    },
    extend: {
      colors: {
        dark: '#3c4858',
        black: '#161c2d',
        'dark-footer': '#192132',
        primary: {
          50: '#f5f3ff',
          100: '#ede9fe',
          200: '#ddd6fe',
          300: '#c4b5fd',
          400: '#a78bfa',
          500: '#8b5cf6',
          600: '#7c3aed',
          700: '#6d28d9',
          800: '#5b21b6',
          900: '#4c1d95',
        },
        secondary: {
          50: '#eff6ff',
          100: '#dbeafe',
          200: '#bfdbfe',
          300: '#93c5fd',
          400: '#60a5fa',
          500: '#3b82f6',
          600: '#2563eb',
          700: '#1d4ed8',
          800: '#1e40af',
          900: '#1e3a8a',
        },
        /* Prejoin-specific tokens */
        video: '#0a0a1a',
        badge: '#6366f1',
        'badge-alpha': 'rgba(99,102,241,0.9)',
        mic: {
          from: '#22c55e',
          to: '#86efac',
        },
        control: {
          border: '#e5e5e5',
          hover: '#fee2e2',
          disabledBg: '#fecaca',
          disabledText: '#dc2626',
        },
        kbd: '#374151',
        input: {
          border: '#d1d5db',
          placeholder: '#9ca3af',
        },
        submit: {
          DEFAULT: '#2563eb',
          hover: '#1d4ed8',
          active: '#1e40af',
        },
      },
      boxShadow: {
        sm: '0 2px 4px 0 rgb(60 72 88 / 0.15)',
        DEFAULT: '0 0 3px rgb(60 72 88 / 0.15)',
        md: '0 5px 13px rgb(60 72 88 / 0.20)',
        lg: '0 10px 25px -3px rgb(60 72 88 / 0.15)',
        controls: '0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06)',
      },
      spacing: {
        0.75: '0.1875rem',
        3.25: '0.8125rem',
      },
      maxWidth: {
        '1200': '71.25rem',
        '992': '60rem',
        '768': '45rem',
        'prejoin-container': '628px',
      },
      borderRadius: {
        panel: '12px',
        btn: '8px',
        pill: '20px',
        meter: '16px',
      },
      fontSize: {
        'h1-prejoin': '28px',
        'btn-sm': '13px',
        'btn-lg': '15px',
      },
    },
  },
  plugins: [
    (function () {
      try {
        return require('@tailwindcss/forms')({ strategy: 'class' })
      } catch (e) {
        // plugin not installed at repo root; swallow during dry require
        return function () {}
      }
    })(),
  ],
}