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-text-strong": "#e6e6e6",
        "rp-muted":       "#888888",
        "rp-faint":       "#555555",
        "rp-accent":      "#2383e2",
        "rp-accent-hover":"#1a73cc",
        "rp-success":     "#35a856",
        "rp-warning":     "#e8a838",
        "rp-error":       "#eb5757",
        "rp-info":        "#529cca",
        "rp-hover":       "#2d2d2d",
        "rp-sidebar":     "#1c1c1c",
      },
      borderWidth: {
        "3": "3px",
      },
      borderRadius: {
        "2xl": "1rem",
        "3xl": "1.5rem",
      },
      maxWidth: {
        "chat": "48rem",
        "wiki": "1200px",
      },
    },
  },
  plugins: [],
};

export default config;