hunk.code_window: import { bookingReferenceMiddleware } from "./middleware";
   declare global {
     // eslint-disable-next-line no-var
     var prisma: typeof prismaWithClientExtensions;
   }
   const prismaOptions: Prisma.PrismaClientOptions = {};
   if (!!process.env.NEXT_PUBLIC_DEBUG) prismaOptions.log = ["query", "error", "warn"];
  
hunk.labels: keep keep keep replace replace replace replace replace keep keep keep keep
hunk.file_path: packages/prisma/index.ts
hunk.type: replace
file: const plugin = require("tailwindcss/plugin");
  const { fontFamily } = require("tailwindcss/defaultTheme");
  
  /** @type {import('tailwindcss').Config} */
  const subtleColor = "#E5E7EB";
  module.exports = {
    content: [
      "./pages/**/*.{js,ts,jsx,tsx}",
      "./components/**/*.{js,ts,jsx,tsx}",
      "../../packages/app-store/**/*{components,pages}/**/*.{js,ts,jsx,tsx}",
      "../../packages/features/**/*.{js,ts,jsx,tsx}",
      "../../packages/ui/**/*.{js,ts,jsx,tsx}",
      "../../packages/atoms/**/*.{js,ts,jsx,tsx}",
    ],
    darkMode: "class",
    theme: {
      extend: {
        colors: {
          emphasis: "var(--cal-bg-emphasis)",
          default: "var(--cal-bg, white)",
          subtle: "var(--cal-bg-subtle)",
          muted: "var(--cal-bg-muted)",
          inverted: "var(--cal-bg-inverted)",
          info: "var(--cal-bg-info)",
          success: "var(--cal-bg-success)",
          attention: "var(--cal-bg-attention)",
          error: "var(--cal-bg-error)",
          darkerror: "var(--cal-bg-dark-error)",
          black: "#111111",
          brand: {
            default: "var(--cal-brand,#111827)",
            emphasis: "var(--cal-brand-emphasis,#101010)",
            subtle: "var(--cal-brand-subtle,#9CA3AF)",
            accent: "var(--cal-brand-accent,white)",
          },
          gray: {
            50: "#F9FAFB",
            100: "#F3F4F6",
            200: "#E5E7EB",
            300: "#D1D5DB",
            400: "#9CA3AF",
            500: "#6B7280",
            600: "#4B5563",
            700: "#374151",
            800: "#1F2937",
            900: "#111827",
          },
          darkgray: {
            50: "#101010",
            100: "#1c1c1c",
            200: "#2b2b2b",
            300: "#444444",
            400: "#575757",
            500: "#767676",
            600: "#a5a5a5",
            700: "#d6d6d6",
            800: "#e8e8e8",
            900: "#f3f4f6",
          },
        },
        borderColor: {
          emphasis: "var(--cal-border-emphasis, #9CA3AF)",
          default: "var(--cal-border, #D1D5DB)",
          subtle: `var(--cal-border-subtle, ${subtleColor})`,
          muted: "var(--cal-border-muted, #F3F4F6)",
          booker: `var(--cal-border-booker, ${subtleColor})`,
          error: "var(--cal-border-error, #AA2E26)",
        },
        textColor: {
          emphasis: "var(--cal-text-emphasis, #111827)",
          default: "var(--cal-text, #374151)",
          subtle: "var(--cal-text-subtle, #6B7280)",
          muted: "var(--cal-text-muted, #9CA3AF)",
          inverted: "var(--cal-text-inverted, white)",
          info: "var(--cal-text-info, #253985)",
          success: "var(--cal-text-success, #285231)",
          attention: "var(--cal-text-attention, #73321B)",
          error: "var(--cal-text-error, #752522)",
          brand: "var(--cal-brand-text,'white')",
        },
        fill: {
          emphasis: "var(--cal-text-emphasis, #111827)",
          default: "var(--cal-text, #374151)",
          subtle: "var(--cal-text-subtle, #6B7280)",
          muted: "var(--cal-text-muted, #9CA3AF)",
          inverted: "var(--cal-text-inverted, white)",
          info: "var(--cal-text-info, #253985)",
          success: "var(--cal-text-success, #285231)",
          attention: "var(--cal-text-attention, #73321B)",
          error: "var(--cal-text-error, #752522)",
          brand: "var(--cal-brand-text)",
        },
        screens: {
          pwa: { raw: "(display-mode: standalone)" },
        },
        keyframes: {
          "fade-in-up": {
            from: { opacity: 0, transform: "translateY(10px)" },
            to: { opacity: 1, transform: "none" },
          },
          spinning: {
            "100%": { transform: "rotate(360deg)" },
          },
        },
        animation: {
          "fade-in-up": "fade-in-up 600ms var(--animation-delay, 0ms) cubic-bezier(.21,1.02,.73,1) forwards",
          spinning: "spinning 0.75s linear infinite",
        },
        boxShadow: {
          dropdown: "0px 2px 6px -1px rgba(0, 0, 0, 0.08)",
        },
        borderWidth: {
          "booker-width": "var(--cal-border-booker-width, 1px)",
        },
        fontFamily: {
          cal: ["var(--font-cal)", ...fontFamily.serif],
          sans: ["var(--font-inter)", ...fontFamily.sans],
          mono: ["Roboto Mono", "monospace"],
        },
        maxHeight: (theme) => ({
          0: "0",
          97: "25rem",
          ...theme("spacing"),
          full: "100%",
          screen: "100vh",
        }),
        minHeight: (theme) => ({
          0: "0",
          ...theme("spacing"),
          full: "100%",
          screen: "100vh",
        }),
        minWidth: (theme) => ({
          0: "0",
          ...theme("spacing"),
          full: "100%",
          screen: "100vw",
        }),
        maxWidth: (theme, { breakpoints }) => ({
          0: "0",
          ...theme("spacing"),
          ...breakpoints(theme("screens")),
          full: "100%",
          screen: "100vw",
        }),
        backgroundImage: {
          "gradient-primary": "radial-gradient(162.05% 170% at 109.58% 35%, #667593 0%, #E3E3E3 100%)",
        },
      },
    },
    plugins: [
      require("@tailwindcss/forms"),
      require("@tailwindcss/typography"),
      require("tailwind-scrollbar")({ nocompatible: true }),
      require("tailwindcss-radix")(),
      require("@savvywombat/tailwindcss-grid-areas"),
      plugin(({ addVariant }) => {
        addVariant("mac", ".mac &");
        addVariant("windows", ".windows &");
        addVariant("ios", ".ios &");
      }),
      plugin(({ addBase, theme }) => {
        addBase({
          hr: {
            borderColor: theme("subtle"),
          },
        });
      }),
    ],
    variants: {
      scrollbar: ["dark"],
    },
  };
  