homeio

1/**
2 * Shared surface token strings for glass-morphism panel anatomy.
3 *
4 * Import these in any module instead of duplicating the string literals.
5 * Module-specific aliases (FILES_PANEL_SHELL, SETTINGS_PANEL_SHELL, etc.)
6 * re-export from here so existing imports remain stable.
7 *
8 * PANEL_SHELL   — outermost container (card / sidebar panel)
9 * PANEL_INSET   — inner section within a shell (sub-card / info block)
10 * BADGE_SURFACE — small pill or badge chip
11 * MENU_SHELL    — floating menus, popovers, and context menus
12 */
13export const PANEL_SHELL =
14  "rounded-[calc(var(--radius)+0.375rem)] border border-glass-border bg-card/78 shadow-sm backdrop-blur-xl";
15
16export const PANEL_INSET =
17  "rounded-[calc(var(--radius)+0.125rem)] border border-glass-border/80 bg-background/42";
18
19export const BADGE_SURFACE =
20  "rounded-[var(--radius)] border border-glass-border bg-background/55";
21
22export const MENU_SHELL =
23  "rounded-[calc(var(--radius)+0.375rem)] border border-glass-border bg-popover/96 shadow-2xl shadow-black/45 backdrop-blur-2xl";
24