/** @type {import('tailwindcss').Config} */
export default {
  content: ["./index.html", "./src/**/*.{js,jsx}"],
  darkMode: ["class", '[data-theme="dark"]'],
  theme: {
    extend: {
      colors: {
        surface: "var(--color-surface)",
        base: "var(--color-base)",
        text: "var(--color-text)",
        muted: "var(--color-text-muted)",
        accent: "var(--color-accent)",
        border: "var(--color-border)",
      },
      boxShadow: {
        soft: "0 18px 48px rgba(15, 23, 42, 0.12)",
      },
      borderRadius: {
        panel: "28px",
      },
    },
  },
  plugins: [],
};