module.exports = {
  darkMode: 'class',
  content: [
    "../../templates/**/*.html",
    "../../apps/**/templates/**/*.html",
  ],
  theme: {
    extend: {
      fontFamily: {
        sans: ['Inter', 'sans-serif'],
        display: ['Space Grotesk', 'sans-serif'],
        mono: ['Fira Code', 'monospace'],
      },
      colors: {
        brand: {
          cyan: '#06b6d4',
          cyanGlow: 'rgba(6,182,212,0.4)',
          pink: '#ec4899',
          dark: '#09090b',
          light: '#fafafa',
          surfaceDark: '#18181b',
          surfaceLight: '#ffffff',
        },
      },
      boxShadow: {
        'neon-cyan': '0 0 20px rgba(6, 182, 212, 0.3)',
        'neon-pink': '0 0 20px rgba(236, 72, 153, 0.3)',
        'solid-dark': '6px 6px 0px 0px #09090b',
        'solid-light': '6px 6px 0px 0px #e4e4e7',
      },
    },
  },
  plugins: [],
};