/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{js,jsx,ts,tsx}", "./public/index.html"],
  theme: {
    extend: {
      colors: {
        dash: {
          surface: "#101010",
          surfaceElevated: "#161616",
          border: "#2c2c32",
          text: "#e8e8ec",
          textMuted: "#c8c8d0",
          accent: "#5a7ca7",
          danger: "#a83a40",
          success: "#6b7d55",
          warning: "#b8843f",
        },
        foreground: "#c8c8d0",
        background: "#101010",
        backgroundSecondary: "#161616",
        black: "#121212",
        red: "#8b2d32",
        green: "#5a6b47",
        yellow: "#9c6d2f",
        orange: "#b8843f",
        blue: "#4a6385",
        magenta: "#6d4779",
        cyan: "#45615b",
        white: "#8a8a8a",
        brightBlack: "#1a1a1a",
        brightRed: "#a83a40",
        brightGreen: "#6b7d55",
        brightYellow: "#b8843f",
        brightBlue: "#5a7ca7",
        brightMagenta: "#8a4a9a",
        brightCyan: "#4a8a82",
        brightWhite: "#e8e8ec",
        primary: "#5a7ca7",
        darkBlue: "#4e6e8f",
        darkCyan: "#4d7976",
        darkWhite: "#7a7a7a",
        darkRed: "#6b2528",
        darkGreen: "#4a5a3c",
        darkYellow: "#7a5526",
        darkMagenta: "#52385a",
      },
    },
  },
  plugins: [],
};