tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    extend: {
      fontFamily: {
        // Making a monospace font the default for that professional dev look
        sans: ['"JetBrains Mono"', "ui-monospace", "SFMono-Regular", "Menlo", "Monaco", "Consolas", "monospace"],
        mono: ['"JetBrains Mono"', "ui-monospace", "SFMono-Regular", "monospace"],
      },
      colors: {
        // Deep shadow black background
        brand: {
          bg: "#050505", 
          surface: "#111111",
          // Blue and Yellow shades
          blue: "#3b82f6",
          blue_glow: "rgba(59, 130, 246, 0.5)",
          yellow: "#eab308",
          yellow_glow: "rgba(234, 179, 8, 0.5)",
        }
      },
      boxShadow: {
        'glass': '0 8px 32px 0 rgba(0, 0, 0, 0.8)',
        'glow-blue': '0 0 20px rgba(59, 130, 246, 0.3)',
        'glow-yellow': '0 0 20px rgba(234, 179, 8, 0.3)',
      }
    },
  },
  plugins: [],
};