import type { Config } from "tailwindcss"; const config: Config = { darkMode: "class", content: ["./src/**/*.{ts,tsx}"], theme: { extend: { colors: { border: "oklch(var(--border) / )", input: "oklch(var(--input) / )", ring: "oklch(var(--ring) / )", background: "oklch(var(--background) / )", foreground: "oklch(var(--foreground) / )", primary: { DEFAULT: "oklch(var(--primary) / )", foreground: "oklch(var(--primary-foreground) / )" }, secondary: { DEFAULT: "oklch(var(--secondary) / )", foreground: "oklch(var(--secondary-foreground) / )" }, destructive: { DEFAULT: "oklch(var(--destructive) / )", foreground: "oklch(var(--destructive-foreground) / )" }, muted: { DEFAULT: "oklch(var(--muted) / )", foreground: "oklch(var(--muted-foreground) / )" }, accent: { DEFAULT: "oklch(var(--accent) / )", foreground: "oklch(var(--accent-foreground) / )" }, popover: { DEFAULT: "oklch(var(--popover) / )", foreground: "oklch(var(--popover-foreground) / )" }, card: { DEFAULT: "oklch(var(--card) / )", foreground: "oklch(var(--card-foreground) / )" } }, borderRadius: { lg: "var(--radius)", md: "calc(var(--radius) - 2px)", sm: "calc(var(--radius) - 4px)" }, fontFamily: { sans: [ "Inter", "ui-sans-serif", "system-ui", "-apple-system", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "sans-serif" ] } } }, plugins: [] }; export default config;