import type { Config } from "tailwindcss";

const config: Config = {
  content: [
    "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    colors: {
      transparent: "transparent",
      white: "#ffffff",
      black: "#000000",
      // TrustOS brand palette
      "vault-black": "#0a0d14",
      "vault-dark": "#1a1f2e",
      "vault-titanium": "#2d3447",
      "vault-surface": "#1e2336",
      "vault-border": "#2d3447",
      "vault-sapphire": "#3b82d4",
      "vault-sapphireLight": "#60a5fa",
      "vault-sapphireDim": "#1e3a5f",
      "vault-crimson": "#dc2626",
      "vault-crimsonDim": "#450a0a",
      "vault-amber": "#d97706",
      "vault-amberDim": "#451a03",
      "vault-emerald": "#059669",
      "vault-emeraldDim": "#052e16",
      "vault-text": "#e2e8f0",
      "vault-muted": "#64748b",
      "vault-subtle": "#94a3b8",
      // Extend with standard Tailwind colors
      slate: {
        50: "#f8fafc",
        900: "#0f172a",
      },
      red: {
        300: "#fca5a5",
        400: "#f87171",
        900: "#7f1d1d",
      },
      orange: {
        300: "#fed7aa",
        400: "#fb923c",
        900: "#92400e",
      },
      amber: {
        300: "#fcd34d",
        400: "#fbbf24",
        900: "#92400e",
      },
      green: {
        300: "#86efac",
        400: "#4ade80",
        800: "#166534",
        900: "#14532d",
      },
      blue: {
        500: "#3b82f6",
        800: "#1e40af",
        900: "#1e3a8a",
      },
      emerald: {
        400: "#34d399",
      },
    },
    fontFamily: {
      sans: ["var(--font-inter)", "system-ui", "sans-serif"],
    },
    backgroundImage: {
      "vault-gradient": "linear-gradient(135deg, #0a0d14 0%, #1a1f2e 100%)",
    },
  },
  plugins: [],
};

export default config;