import type { Config } from "tailwindcss";

const config: Config = {
  content: [
    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    extend: {
      fontSize: {
        "r-2xs": "var(--text-2xs)",
        "r-xs":  "var(--text-xs)",
        "r-sm":  "var(--text-sm)",
        "r-base": "var(--text-base)",
        "r-lg":  "var(--text-lg)",
        "r-xl":  "var(--text-xl)",
      },
      fontFamily: {
        sans: [
          "var(--font-sans)",
          "ui-sans-serif",
          "system-ui",
          "-apple-system",
          "Segoe UI",
          "Roboto",
          "Helvetica Neue",
          "Arial",
          "sans-serif",
        ],
        mono: [
          "var(--font-mono)",
          "JetBrains Mono",
          "Fira Code",
          "ui-monospace",
          "SFMono-Regular",
          "Menlo",
          "Monaco",
          "Consolas",
          "monospace",
        ],
      },
      colors: {
        "rp-bg":      "#191919",
        "rp-surface": "#252525",
        "rp-surface-alt": "#1e1e1e",
        "rp-border":  "#333333",
        "rp-text":    "#e8e8e8",
        "rp-muted":   "#888888",
        "rp-accent":  "#2383e2",
        "rp-accent-hover": "#1a73cc",
        "rp-success": "#35a856",
        "rp-warning": "#cf9f00",
        "rp-error":   "#eb5757",
        "rp-info":    "#529cca",
        "rp-user-bubble": "#2383e2",
        "rp-hover":   "#2d2d2d",
        "rp-sidebar": "#1c1c1c",
      },
      borderRadius: {
        "2xl": "1rem",
        "3xl": "1.5rem",
      },
      maxWidth: {
        "chat": "48rem",
      },
    },
  },
  plugins: [],
};

export default config;