export const LIQUID_TABLE_SURFACE_CLASS =
    "rounded-2xl border-y border-white/70 bg-app-surface shadow-[0_10px_30px_rgba(15,23,42,0.11),inset_0_1px_0_rgba(255,255,255,0.9),inset_0_-10px_24px_rgba(255,255,255,0.16)] backdrop-blur-2xl";

export const APP_SURFACE_HOVER_CLASS = "hover:bg-app-surface-hover";
export const APP_SURFACE_ACTIVE_CLASS = "bg-app-surface-active";
export const APP_SURFACE_PRESSED_CLASS = "active:bg-app-surface-active";
export const APP_SURFACE_GROUP_HOVER_CLASS =
    "group-hover:bg-app-surface-hover";

export const LIQUID_PANEL_SURFACE_CLASS =
    "rounded-2xl border border-white/70 bg-white/50 shadow-[0_8px_24px_rgba(15,23,42,0.12),inset_0_1px_0_rgba(255,255,255,0.9),inset_0_-10px_24px_rgba(255,255,255,0.18),inset_1px_0_0_rgba(255,255,255,0.5)] backdrop-blur-2xl";