/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './app/**/*.{js,ts,jsx,tsx,mdx}',
    './components/**/*.{js,ts,jsx,tsx,mdx}',
  ],
  theme: {
    extend: {
      colors: {
        base: {
          DEFAULT: '#0B0F0E',   // near-black, slight green cast — server-ops feel
          panel: '#121715',
          border: '#1F2723',
          divider: '#3C4A44',   // brighter, deliberately higher-contrast — for separating list rows, not just outlining a panel
        },
        accent: {
          DEFAULT: '#3FD37A',   // "server online" green
          dim: '#245C3E',
        },
        ink: {
          DEFAULT: '#E4EBE7',
          muted: '#8A9691',
          faint: '#4C5652',
        },
      },
      fontFamily: {
        sans: ['Inter', 'ui-sans-serif', 'system-ui', 'sans-serif'],
        mono: ['"JetBrains Mono"', 'ui-monospace', 'SFMono-Regular', 'monospace'],
      },
    },
  },
  plugins: [],
};