export const styles = {
    glassPanel: "bg-black/40 backdrop-blur-md border border-white/10 shadow-lg",
    glassPanelHover: "hover:bg-black/50 hover:border-white/20 transition-all",
    
    buttonGhost: "hover:bg-white/10 transition-all flex items-center justify-center text-foreground/50 hover:text-foreground",
    buttonActive: "bg-white/10 text-white shadow-sm",
    
    inputTransparent: "bg-transparent border-none outline-none text-[13px] text-foreground placeholder:text-foreground/30",
    
    iconSmall: "w-3.5 h-3.5",
    iconMedium: "w-4 h-4",
    
    flexCenter: "flex items-center justify-center",
    flexBetween: "flex items-center justify-between",
    
    roundedSmall: "rounded-md",
    roundedFull: "rounded-full",
};
