/**
 * Solid surface for dialogs and sheets. Menus share Coline's translucent
 * liquid surface (liquid-menu-surface.ts, kept identical to the platform);
 * a modal holds reading content over the page, so it is never see-through.
 */
export const modalSurfaceClasses =
  "rounded-2xl bg-popover border border-black/[0.08] text-popover-foreground" +
  " shadow-[0_4px_16px_-4px_rgba(0,0,0,0.08),0_16px_48px_-12px_rgba(0,0,0,0.28)]" +
  " dark:border-white/[0.09] dark:bg-[#141417]" +
  " dark:shadow-[0_4px_16px_-4px_rgba(0,0,0,0.4),0_16px_48px_-12px_rgba(0,0,0,0.7)]";