/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./App.{js,jsx,ts,tsx}",
    "./app/**/*.{js,jsx,ts,tsx}",
    "./components/**/*.{js,jsx,ts,tsx}",
  ],
  presets: [require("nativewind/preset")],
  theme: {
    extend: {
      colors: {
        // PAILot dark theme — deep navy/charcoal
        "pai-bg": "#0A0A0F",
        "pai-bg-secondary": "#14141F",
        "pai-bg-tertiary": "#1E1E2E",
        "pai-surface": "#252538",
        "pai-border": "#2E2E45",
        "pai-text": "#E8E8F0",
        "pai-text-secondary": "#9898B0",
        "pai-text-muted": "#5A5A78",
        // Accent — electric blue
        "pai-accent": "#4A9EFF",
        "pai-accent-light": "#7AB8FF",
        "pai-accent-dark": "#2A7EDF",
        // Voice — warm amber for recording states
        "pai-voice": "#FF9F43",
        "pai-voice-light": "#FFB976",
        "pai-voice-dark": "#E88A2A",
        // Status
        "pai-success": "#2ED573",
        "pai-warning": "#FFA502",
        "pai-error": "#FF4757",
      },
      fontSize: {
        "2xs": ["0.625rem", { lineHeight: "0.875rem" }],
        "car": ["1.25rem", { lineHeight: "1.75rem" }],
      },
      spacing: {
        "18": "4.5rem",
        "22": "5.5rem",
      },
    },
  },
  plugins: [],
};