import type { Config } from "tailwindcss";

const config: Config = {
  content: ["./app/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}", "./lib/**/*.{ts,tsx}"],
  theme: {
    extend: {
      fontFamily: {
        sans: ["var(--font-manrope)", "sans-serif"]
      },
      colors: {
        canvas: "var(--color-canvas)",
        panel: "var(--color-panel)",
        line: "var(--color-line)",
        ink: "var(--color-ink)",
        muted: "var(--color-muted)",
        accent: "var(--color-accent)",
        free: "var(--color-free)",
        busy: "var(--color-busy)",
        today: "var(--color-today)"
      },
      boxShadow: {
        soft: "0 18px 48px rgba(15, 34, 34, 0.12)"
      }
    }
  },
  plugins: []
};

export default config;
