/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{js,jsx,ts,tsx}", "./index.html"],
  theme: {
    extend: {
      colors: {
        dash: {
          surface: "#202020",
          surfaceElevated: "#181818",
          border: "#2F2F2F",
          text: "#F5F5F5",
          textMuted: "#D0D0D0",
          accent: "#6C99BB",
          danger: "#A53C23",
          success: "#7B9246",
          warning: "#D3A04D",
        },
        foreground: "#D0D0D0",
        background: "#151515",
        backgroundSecondary: "#181818",
        black: "#151515",
        red: "#A53C23",
        green: "#7B9246",
        yellow: "#D3A04D",
        orange: "#D3A04D",
        blue: "#6C99BB",
        magenta: "#6C99BB",
        cyan: "#5EA8A2",
        white: "#898989",
        brightBlack: "#2F2F2F",
        brightRed: "#A53C23",
        brightGreen: "#7B9246",
        brightYellow: "#D3A04D",
        brightBlue: "#6C99BB",
        brightMagenta: "#6C99BB",
        brightCyan: "#5EA8A2",
        brightWhite: "#F5F5F5",
        primary: "#6C99BB",
        darkBlue: "#6C99BB",
        darkCyan: "#5EA8A2",
        darkWhite: "#505050",
        darkRed: "#A53C23",
        darkGreen: "#7B9246",
        darkYellow: "#D3A04D",
        darkMagenta: "#6C99BB",
      },
    },
  },
  plugins: [],
};